欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery data使用

夏志豪2年前10瀏覽0評論

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中一個強大的功能,可以用來存儲元素對象的任何類型的數據,方便后續的使用。