首页 > 代码库 > jQuery中的data()方法

jQuery中的data()方法

2024-08-13 04:07:09   216人阅读

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()方法


联系
我们