jQuery data() 方法是一個強大的功能，可以讓我們在 HTML 元素中存儲和檢索自定義數據值。有時我們在處理數據時需要在 HTML 元素上存儲一些值或者信息，使用 jQuery data() 方法可以很方便地實現這個過程。 在 jQuery 中，我們可以使用 data() 方法來存儲和讀取 HTML 元素的自定義數據值。這些數據可以存儲在任何 HTML 元素上，包括 input 元素、div 元素、a 元素和其他 HTML 元素。 下面是一個簡單的示例，展示如何使用 jQuery data() 方法將自定義數據值存儲在 div 元素上：

<div id="myDiv"></div>
<pre>
$(document).ready(function() {
$('#myDiv').data('id', '123');
});
var myId = $('#myDiv').data('id');
console.log(myId); // 輸出 "123"
</pre>

在上面的代碼中，我們在文檔準備就緒時使用 jQuery data() 方法將值 "123" 存儲在 id 為 "myDiv" 的 div 元素上。然后使用 data() 方法來檢索該數據值，并將其保存在變量 myId 中。最后，我們將該值輸出到瀏覽器的控制臺中，以驗證其已正確檢索。 無論何時，只要需要存儲自定義數據值，我們都可以使用 jQuery data() 方法。例如，在處理表單數據時，我們可以將表單數據存儲在 HTML 元素上，以便稍后在處理和提交表單時使用。 總之，jQuery data() 方法提供了一種簡單而有效的方法來存儲和讀取自定義數據值。無論是在處理表單數據，還是在處理其他數據時，使用它可以提供更好的靈活性和可維護性。