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元素上轻松存储和读取数据。