Jquery是一種優(yōu)秀的前端框架，它的強(qiáng)大之處在于大量的API函數(shù)。其中，$.data()函數(shù)是一種非常常用的函數(shù)之一，可以用來存儲(chǔ)和獲取元素的數(shù)據(jù)。下面我們將詳細(xì)介紹如何使用$.data()函數(shù)來獲取元素的數(shù)據(jù)。

//html代碼
<div id="myDiv" data-name="John" data-age="25"></div>
//jquery代碼
var myDiv = $('#myDiv');
var name = myDiv.data('name');
var age = myDiv.data('age');
console.log(name, age);

上述代碼首先定義了一個(gè)id為myDiv的div元素，其中通過data-name和data-age來存儲(chǔ)元素的數(shù)據(jù)。接下來，通過jquery代碼獲取了這兩個(gè)數(shù)據(jù)，并打印到控制臺(tái)中。

當(dāng)我們需要從元素中取出多個(gè)數(shù)據(jù)時(shí)，也可以通過對(duì)象的方式來獲取。

var myDiv = $('#myDiv');
var dataObj = myDiv.data();
console.log(dataObj.name, dataObj.age);

上述代碼中，先獲取了myDiv元素，然后通過$.data()函數(shù)獲取到該元素的所有數(shù)據(jù)，將其存儲(chǔ)在dataObj變量中。最后，我們可以通過dataObj對(duì)象來獲取元素的數(shù)據(jù)，并打印到控制臺(tái)中。

總而言之，$.data()函數(shù)是一種非常好用的函數(shù)，可以方便地存儲(chǔ)和獲取元素的數(shù)據(jù)。我們需要注意的是，在對(duì)元素進(jìn)行.expando屬性的操作時(shí)，需要格外小心，盡量避免對(duì)該屬性的修改，否則可能會(huì)對(duì)元素的數(shù)據(jù)存儲(chǔ)造成影響。