Jquery的data()方法可以在HTML元素上存儲(chǔ)任意類型的數(shù)據(jù)，方便在后續(xù)的處理中使用。

//使用data()方法存儲(chǔ)數(shù)據(jù)
$('p').data('name', '張三');
$('p').data('age', 18);
//使用data()方法獲取數(shù)據(jù)
var name = $('p').data('name');
var age = $('p').data('age');
console.log(name); //張三
console.log(age); //18

使用data()方法存儲(chǔ)的數(shù)據(jù)可以在后續(xù)的事件處理中使用，可以簡(jiǎn)化代碼邏輯，提高可讀性。

//存儲(chǔ)數(shù)據(jù)
$('p').data('name', '張三');
$('p').data('age', 18);
//響應(yīng)事件，并使用存儲(chǔ)的數(shù)據(jù)
$('p').click(function(){
var name = $(this).data('name');
var age = $(this).data('age');
alert(name + '的年齡是' + age + '歲');
});

除了存儲(chǔ)字符串類型的數(shù)據(jù)，data()方法還可以存儲(chǔ)JSON對(duì)象、數(shù)組等類型的數(shù)據(jù)。

//存儲(chǔ)JSON對(duì)象
$('p').data('info', {
name: '張三',
age: 18,
sex: '男'
});
//存儲(chǔ)數(shù)組
$('p').data('hobbies', ['籃球', '游泳', '旅游']);

在獲取JSON對(duì)象和數(shù)組時(shí)，也可以使用鏈?zhǔn)秸{(diào)用的方法。

//獲取JSON對(duì)象
var info = $('p').data('info').name;
console.log(info); //張三
//獲取數(shù)組
var hobbies = $('p').data('hobbies')[0];
console.log(hobbies); //籃球

總的來(lái)說(shuō)，Jquery的data()方法提供了一種方便、簡(jiǎn)單的存儲(chǔ)數(shù)據(jù)的方式，可以在后續(xù)的處理中使用，并且支持存儲(chǔ)任意類型的數(shù)據(jù)。