jQuery中的data方法為我們提供了一個存儲任意數據的接口，它能夠讓我們在DOM元素上設置任何類型的數據，比如數字、字符串、對象、數組等等，而不影響DOM元素的結構和樣式。

//在DOM元素上設置數據
$("#myDiv").data("name","Tom");
$("#myDiv").data("age",18);
$("#myDiv").data("score",[98,88,78]);
$("#myDiv").data("address",{"province":"Beijing","city":"Haidian"});
//獲取DOM元素上的數據
var name = $("#myDiv").data("name");
var age = $("#myDiv").data("age");
var score = $("#myDiv").data("score");
var address = $("#myDiv").data("address");
//輸出數據
console.log(name); //"Tom"
console.log(age); //18
console.log(score); //[98,88,78]
console.log(address); //{"province":"Beijing","city":"Haidian"}

我們還可以一次性設置多個數據，并且可以給每個數據設置一個命名空間，以避免不同插件之間的數據沖突。

//在DOM元素上設置多個數據
$("#myDiv").data({
"name":"Tom",
"age":18,
"score":[98,88,78],
"address":{"province":"Beijing","city":"Haidian"}
});
//獲取DOM元素上的數據
var name = $("#myDiv").data("name");
var age = $("#myDiv").data("age");
var score = $("#myDiv").data("score");
var address = $("#myDiv").data("address");
//輸出數據
console.log(name); //"Tom"
console.log(age); //18
console.log(score); //[98,88,78]
console.log(address); //{"province":"Beijing","city":"Haidian"}

通過data方法存儲的數據可以方便地在不同函數之間共享，并且可以通過刪除數據來釋放內存。

//在DOM元素上存儲數據
$("#myDiv").data("num",1);
//獲取DOM元素上的數據
var num = $("#myDiv").data("num");
//刪除DOM元素上的數據
$("#myDiv").removeData("num");

總之，data方法是一個非常方便實用的jQuery插件，它可以讓我們輕松地在DOM元素上存儲和獲取任何類型的數據，使我們的代碼更加靈活高效。