jQuery的data()元素是一個非常有用的工具，它允許您以鍵值對的形式存儲任意數(shù)據(jù)，并隨后使用它。無論是一些特定于您的應(yīng)用程序的數(shù)據(jù)，還是任意元素的屬性值，data()元素都能夠存儲它們。從 jQuery 1.4 開始，data()元素采用 HTML5 data-*屬性存儲數(shù)據(jù)。

下面是一些使用data()元素的示例：

// 設(shè)置data元素
$('div#example').data('key', 'value');
// 獲取data元素
var myVariable = $('div#example').data('key');
// 使用對象來設(shè)置多個data元素
$('div#example').data({
'key1': 'value1',
'key2': 'value2',
'key3': 'value3'
 });
// 移除data元素
$('div#example').removeData('key');

您還可以將data元素視為元素的“私有屬性”。這意味著，就像使用普通屬性一樣，通過鍵值對訪問data元素，但這些屬性只存在于您的JavaScript代碼中，不會影響HTML本身。有趣的是，使用data元素訪問的值還可以存儲任意類型的數(shù)據(jù)，例如數(shù)字、字符串、對象和數(shù)組。

使用data元素的好處之一是可以在需要時輕松地擴展元素的功能。通過將功能的核心存儲為data元素，您可以隨時將其拆分到其他文件中，而不影響原始元素。

在一些jQuery插件開發(fā)中，使用data元素來儲存元素數(shù)據(jù)和與元素相關(guān)聯(lián)的DOM節(jié)點將是一個理想的選擇。