码迷,mamicode.com
首页 > Web开发 > 详细

jQuery中的data()方法

时间:2016-09-12 23:59:34      阅读:341      评论:0      收藏:0      [点我收藏+]

标签:

data()方法,用于存储/获取临时数据

 

HTML data-* 属性

在标签中利用 data-* 设置自定义的属性,存储数据。

<div id="person">
    <p data-fullname="张小明" data-age="24" data-profession="前端开发工程师">小明</p>
<p data-fullname="刘小红" data-age="24" data-profession="UI设计师">小红</p>
</div>
<button type="button" id="btn1">获取data</button>
<button type="button" id="btn2">修改data</button>

 

jQuery data()

用data()方法获取和修改临时数据。

$("#btn1").click(function(){
    alert($("#person p").data("fullname"));//获取匹配的元素集合中的第一个元素的data的值。
});

$("#btn2").click(function(){
  $("#person p:eq(0)").data({
    "fullname": "王小虎",
    "age": "29",
    "profession" ".Net开发工程师"
  });
 });
 

 

jQuery中的data()方法

标签:

原文地址:http://www.cnblogs.com/sxgc/p/5866829.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!