jQuery是一種JavaScript庫，它有很多方法可以操作DOM元素，其中之一就是`.data()`方法。這個方法可以方便地在元素上存儲和讀取數據。

// 在元素上存儲數據
$("p").data("name", "John");
$("p").data("age", 30);
// 讀取元素上的數據
var name = $("p").data("name"); // "John"
var age = $("p").data("age"); // 30

`.data()`方法還可以接收一個對象作為參數，用于一次存儲多個數據。

$("p").data({
"name": "John",
"age": 30,
"city": "New York"
});
var name = $("p").data("name"); // "John"
var age = $("p").data("age"); // 30
var city = $("p").data("city"); // "New York"

`.data()`方法的一個重要功能是可以從HTML標記中讀取數據。這對于將數據傳遞給JavaScript非常有用。

// HTML標記中的數據
<div id="myDiv" data-name="John" data-age="30"></div>
// 讀取HTML標記中的數據
var name = $("#myDiv").data("name"); // "John"
var age = $("#myDiv").data("age"); // 30

`.data()`方法也可以用于刪除數據和返回所有數據。

// 刪除元素上的數據
$("p").removeData("name");
// 返回所有數據
var data = $("p").data();

總之，`.data()`方法是一個非常方便的方法，它可以讓我們在DOM元素上輕松存儲和讀取數據。