jQuery.data()方法

jQuery 教程 · 2019-03-29 12:38:51

实例

在 div 元素上先存储再获取数据

<div> 存储的值为 <span></span> 和 <span></span> </div> <script> $(function () { var div = $( "div" )[ 0 ]; jQuery.data( div, "test", { first: 16, last: "pizza!" }); $( "span:first" ).text( jQuery.data( div, "test" ).first ); $( "span:last" ).text( jQuery.data( div, "test" ).last ); }) </script>

定义和用法

$.data() 函数用于在指定的元素上存取数据，返回设置值。

提示： 1.这是一个底层方法，.data() 方法更方便使用。
2.通过 data() 函数存取的数据都是临时数据，一旦页面刷新，之前存放的数据都将被移除。
3. 该方法目前并不提供在XML文档上跨平台设置，Internet Explorer不允许在XML文档中通过自定义属性附加数据。

语法

用法一

$.data( element, key, value )

注意： 1.通过data()函数存取的数据都是临时数据，一旦页面刷新，之前存放的数据都将被移除。
2. undefined 是一个没有被识别数据值。调用 jQuery.data( el, "name", undefined ) 将返回对应的 "name" 数据，等价于 jQuery.data(el, "name" ) 。

我们可以在一个元素上设置不同的值，并获取这些值：

jQuery.data(document.body, 'foo', 52);
jQuery.data(document.body, 'bar', 'test');

用法二

$.data( element, key )

我们可以在一个元素上设置不同的值，并获取这些值：

alert(jQuery.data( document.body, 'foo' ));
alert(jQuery.data( document.body ));

参数	描述
element	Element类型要存储数据的DOM对象
key	可选。String类型指定的键名字符串。
value	可选。 Object类型需要存储的任意类型的数据。

点击查看所有 jQuery 教程文章: https://www.codercto.com/courses/l/35.html

查看所有标签

码农书籍

现代信息检索

（西班牙） Ricardo Baeza-Yates、（巴西）Berthier Ribeiro-Neto / 机械工业出版社 / 2011-3 / 78.00元

本书不仅详细介绍了信息检索的所有主要概念和技术，以及有关信息检索面的所有新变化，而且其组织使读者既可以对现代信息检索有一个全面的了解，又可以获取现代信息检索所有关键主题的详细知识。本书的主要内容由信息检索领域的代表人物Baeza-Yates和Ribeiro-Neto编写，对于那些希望深入研究关键领域的读者，书中还提供了由其他主要研究人员编写的关于特殊主题的发展现状。与上一版相比，本版在内容......一起来看看《现代信息检索》这本书的介绍吧!

码农工具

HTML 压缩/解压工具

在线压缩/解压 HTML 代码

HEX CMYK 转换工具

HEX CMYK 互转工具

New

文章

话题

教程

Tips

namespace HelloWorld
{
    class Program
    {
        static void Main(string[] args)
        {
            System.Console.Write("Hello, World!");
        }
    }
}