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