jQuery .data() 方法

返回上一级

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

语法

用法一

$.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类型 需要存储的任意类型的数据

说明

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

范例

在 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>

运行范例 »

更多范例

  1. 获取数据

    获取存放在元素上名叫 "blah" 的数据

返回上一级

jQuery 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.