淘先锋技术网

首页 1 2 3 4 5 6 7

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对象上存储数据,以及在不同的函数之间共享数据。