JQuery是一個(gè)流行的JavaScript庫(kù)，它提供了許多方便的方法來(lái)管理網(wǎng)頁(yè)上的內(nèi)容。其中之一是data()方法，這個(gè)方法幫助我們?cè)贖TML元素中存儲(chǔ)和檢索數(shù)據(jù)。

$(document).ready(function(){
// 在一個(gè)div元素中存儲(chǔ)數(shù)據(jù)
$('.my-div').data('name', 'John');
// 在一個(gè)input元素中存儲(chǔ)數(shù)據(jù)
$('.my-input').data('age', 30);
// 檢索剛剛存儲(chǔ)的數(shù)據(jù)
var name = $('.my-div').data('name');
var age = $('.my-input').data('age');
// 將結(jié)果輸出到控制臺(tái)
console.log(name); // 輸出 "John"
console.log(age); // 輸出 30
});

在上面的例子中，我們使用了data()方法來(lái)存儲(chǔ)和檢索數(shù)據(jù)。在第一行代碼中，我們?yōu)橐粋€(gè)class為"my-div"的div元素存儲(chǔ)了一個(gè)名為"John"的數(shù)據(jù)。然后，在第三行中，我們?yōu)橐粋€(gè)class為"my-input"的輸入元素存儲(chǔ)了一個(gè)名為30的數(shù)據(jù)。最后，我們使用data()方法來(lái)檢索這些數(shù)據(jù)，并將結(jié)果輸出到控制臺(tái)。

data()方法可以存儲(chǔ)和檢索任何類型的數(shù)據(jù)，例如字符串、數(shù)字、數(shù)組和對(duì)象。這使其成為一個(gè)靈活的和有用的方法，可以幫助我們?cè)陧?yè)面上管理和使用數(shù)據(jù)。