jQuery中的data()方法是一個非常實用而且常用的方法,它可以幫助我們在HTML元素上存取數據,而無需使用額外的屬性。
$(selector).data(name, value)
data()方法接受兩個參數,第一個是數據名稱,第二個是數據值。其中,數據名稱是一個字符串,用于標識數據的名稱。數據值可以是任意類型,如字符串、數字、數組、對象、甚至是函數。
$(selector).data(name)
如果僅提供數據名稱,data()方法將返回指定數據的值。這種方式可以用于檢索存儲在元素上的數據。
在使用data()方法時,可以同時將多個數據存儲到同一個元素中。例如:
$(‘#myDiv’).data(‘name’, ‘John’); $(‘#myDiv’).data(‘age’, 30);
在上述代碼中,我們將名為“John”的字符串數據存儲到了ID為“myDiv”的元素上,并將年齡為30的數字數據也存儲到了同一個元素上。
另外,也可以使用對象的方式在一個data()方法調用中同時存儲多個數據:
$(‘#myDiv’).data({ name: ‘John’, age: 30 });
通過在data()方法中傳遞一個對象,我們可以在一個方法調用中存儲多個數據。這使得代碼更加簡潔和易于閱讀。
上一篇內聯式css格式