Jquery中的data()方法是一種非常有用的函數，可以通過它來存儲和讀取自定義數據，而不需要在DOM元素上添加屬性。

使用data()方法，開發人員可以將自定義數據與DOM元素相關聯，這些數據可以在需要的時候輕松讀取。 下面是一個簡單的例子：

<div id="myDiv"></div>
<script>
//將數據關聯到myDiv元素
$("#myDiv").data("name", "John");
//讀取數據
var name = $("#myDiv").data("name");
</script>

在上面的例子中，我們將一個名為“John”的字符串關聯到myDiv元素上。 然后使用data()方法從該元素中讀取這個數據。

data()方法還可以處理JavaSript對象，而不僅僅是簡單的字符串或數字。 如果您有一個具有許多屬性的對象，那么可以將整個對象關聯到元素上，然后在需要時輕松地獲取它的屬性。 下面是一個演示如何使用data()方法存儲和讀取JavaScript對象的例子：

<div id="userDiv"></div>
<script>
//定義一個具有多個屬性的JavaScript對象
var user = {
name: "John",
age: 30,
email: "john@example.com"
};
//將對象關聯到userDiv元素
$("#userDiv").data("user", user);
//從元素中讀取對象
var name = $("#userDiv").data("user").name;
var email = $("#userDiv").data("user").email;
</script>

在上面的例子中，我們定義了一個具有多個屬性的JavaScript對象，將其關聯到userDiv元素上，然后從該元素中讀取該對象的屬性。

data()方法還有其他許多有用的選項，例如在元素中存儲多個鍵值對等。 無論您想要使用data()方法做什么，它都是一個非常強大的工具，可以幫助您有效地管理DOM元素和與它們相關聯的數據。