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對象上存儲數據,以及在不同的函數之間共享數據。
上一篇宋體粗體 css