jQuery中的data()方法用于在元素上存储自定义数据。这个方法可以轻松地访问和更新存储的数据，而无需重新查询DOM。

// 存储数据$("#myElement").data("myKey", "myValue");// 获取数据var myData = $("#myElement").data("myKey");console.log(myData); // 输出 "myValue"// 更新数据$("#myElement").data("myKey", "newValue");// 删除数据$("#myElement").removeData("myKey");

在存储和访问数据时，键和值可以是任意类型的JavaScript对象，例如字符串、数字、对象或数组。

// 存储一个对象var myObject = {"name": "John", "age": 30};$("#myElement").data("myObject", myObject);// 获取对象的属性var myAge = $("#myElement").data("myObject").age;console.log(myAge); // 输出 30// 更新对象的属性$("#myElement").data("myObject").age = 31;console.log($("#myElement").data("myObject").age); // 输出 31

除了存储自定义数据之外，data()方法还可以通过传递JSON对象来设置多个数据。

// 存储多个数据$("#myElement").data({"name": "John", "age": 30});// 获取数据var myName = $("#myElement").data("name");var myAge = $("#myElement").data("age");console.log(myName); // 输出 "John"console.log(myAge); // 输出 30

总之，jQuery中的data()方法使编写和维护JavaScript代码变得更容易和优雅。