购物车
登陆 / 注册
微信扫码登陆

推荐手册

jQuery 教程手册(新) >> jQuery手册
其他教程参考

jQuery 数据 jQuery.data() 方法

jQuery 数据 jQuery.data() 方法
data() 方法向被选元素附加数据,或者从被选元素获取数据。
蹊下 蹊下 更新时间:2019-03-06 17:20:08

jQuery 数据  jQuery.data() 方法

定义和用法

data() 方法向被选元素附加数据,或者从被选元素获取数据。

注释:这是底层级的方法;使用 .data() 更加方便。

从元素返回数据

从被选元素中返回附加的数据。

语法

$(selector).data(name)
参数描述
name    

可选。规定要取回的数据的名称

如果没有规定名称,则该方法将以对象的形式从元素中返回所有存储的数据。

向元素附加数据

向被选元素附加数据。

语法

$(selector).data(name,value)
参数描述
name 必需。规定要设置的数据的名称
value 必需。规定要设置的数据的值

 使用对象向元素附加数据

使用带有名称/值对的对象向被选元素添加数据。

语法

$(selector).data(object)
参数描述
object 必需。规定包含名称/值对的对象。    

实例

<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(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>

运行实例 »

点击 "运行实例" 按钮查看在线实例


效果图:

网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号