jQuery中的data()方法

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开发工程师"
　　});

 });