jQuery中提供了很多方便的方法来操作HTML元素,其中一个常用的方法就是$().data()。
$(selector).data(name, value); $(selector).data(name);
该方法用于在HTML元素上存取数据。其中,第一个参数指定所要存取的数据的名称,第二个参数则指定具体的值。如果只有一个参数,则表示获取该名称所对应的值。
比如,我们希望在一个div元素上存储一些数据:
<div id="myDiv"> </div> var myData = { name: "John", age: 25 }; $("#myDiv").data("myData", myData);
然后,我们可以使用data()方法来获取该数据:
var result = $("#myDiv").data("myData"); console.log(result);
这样,我们就可以从该div元素上获取到存储的数据。
除了在HTML元素上存取数据,我们也可以在jQuery对象上存取数据。这样,我们可以在不同的函数之间共享数据。
var myData = { name: "John", age: 25 }; $(document).data("myData", myData); function foo() { var result = $(document).data("myData"); console.log(result); } foo();
这里,我们将数据存储在document对象上,然后在另外一个函数中获取该数据。
总之,$().data()是一个非常方便的方法,可以用于在HTML元素和jQuery对象上存储数据,以及在不同的函数之间共享数据。