jQuery data() 方法

实例

将数据附加到 <div> 元素，然后检索数据:

<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    $("div").data("greeting", "Hello World");
  });
  $("#btn2").click(function(){
    alert($("div").data("greeting"));
  });
});
</script>
</head>
<body>
<button id="btn1">将数据附加到 div 元素</button><br>
<button id="btn2">获取附加到 div 元素的数据</button>
<div></div>
</body>
</html>

运行一下

定义与用法

data() 方法将数据附加到选定元素或从中获取数据。

提示: 要删除数据，请使用 removeData() 方法。

从元素返回数据

返回所选元素的附加数据。

语法

$(selector).data(name)

参数	描述
name	可选。指定要检索的数据的名称如果未指定名称，此方法将作为对象返回元素的所有存储数据

将数据附加到元素

将数据附着到选定元素。

语法

$(selector).data(name,value)

参数	描述
name	必填。指定要设置的数据的名称
value	必填。指定要设置的数据的值

使用对象将数据附加到元素

使用具有 名称/值 对的对象将数据附着到选定元素。

语法

$(selector).data(object)

参数	描述
object	必填。指定包含名称/值对的对象

jQuery data() 方法

实例

定义与用法

从元素返回数据

语法

将数据附加到元素

语法

使用对象将数据附加到元素

语法

分类导航