JQuery提供了一個數據儲存的方法,叫做data()
,可以為DOM元素綁定數據并在需要的時候輕松地訪問這些數據。
可以使用$(selector).data(key,value)
方法來為元素綁定數據。其中,key
是要綁定的數據的名稱,value
是要綁定的數據的值。如果value
沒有定義,則該方法返回與key
關聯的值。
以下是一個例子:
<div id="myDiv"></div><script>$(function(){ $('#myDiv').data('name', 'John'); $('#myDiv').data('age', 30); $('#myDiv').data('city', 'New York'); var name = $('#myDiv').data('name'); var age = $('#myDiv').data('age'); var city = $('#myDiv').data('city'); console.log(name, age, city); //輸出:John 30 New York $('#myDiv').data('city', 'London'); city = $('#myDiv').data('city'); console.log(city); //輸出:London }); </script>
以上代碼將<div id="myDiv"></div>
元素中的name
、age
和city
數據分別設置為John
、30
和New York
。我們可以使用$('#myDiv').data('name')
來獲取name
的值并將其存儲在變量中。
我們還可以使用$(selector).data(key, value)
方法來修改已綁定的元素的數據。在上面的例子中,我們為city
綁定了New York
,然后使用$(selector).data(key, value)
方法將其修改為London
。