jQuery中的data方法可以用來在元素上存儲任意類型的數據,而不需使用標準的HTML屬性。
$('#myDiv').data('name', 'John'); console.log($('#myDiv').data('name')); // 輸出 'John'
通過data方法存儲的數據不會出現在HTML屬性中,但可以通過方法進行訪問。還可以一次存儲多個鍵值對。
$('#myDiv').data({ 'name': 'John', 'age': 30, 'isMarried': true }); console.log($('#myDiv').data('isMarried')); // 輸出 true
如果需要在data存儲的數據中存儲函數,可以像存儲其他的值一樣分配函數到data對象中。
$('#myDiv').data('clickHandler', function() { alert('clicked'); }); $('#myDiv').click(function() { $(this).data('clickHandler')(); });
可以使用data方法獲取存儲在元素對象上的數據,也可以使用removeData方法刪除。如果要完全清除元素上所有的數據,可以使用delete方法。
$('#myDiv').removeData('name'); $('#myDiv').removeData(); // 刪除元素上所有的數據
data方法是jQuery中一個強大的功能,可以用來存儲元素對象的任何類型的數據,方便后續的使用。