jQuery是目前最流行的JavaScript庫之一，大量的網(wǎng)站和應(yīng)用程序都使用了它。它主要用于簡化JavaScript的編程工作，提升開發(fā)效率。其中，attr data-是jQuery中一個非常重要的函數(shù)。

// 示例代碼
// HTML部分
<div id="myDiv" data-name="John" data-age="28"></div>
// jQuery部分
var name = $('#myDiv').data('name');
var age = $('#myDiv').data('age');

attr data-函數(shù)可以用來獲取或設(shè)置HTML元素的數(shù)據(jù)屬性。在HTML元素中，可以通過"data-"前綴添加自定義屬性。在jQuery中，通過data函數(shù)可以讀取或設(shè)置這些屬性的值。

在以上的示例代碼中，我們首先定義了一個包含自定義屬性的div元素。使用data函數(shù)，我們可以選擇獲取div元素中的數(shù)據(jù)屬性。其中，參數(shù)'name'和'age'分別對應(yīng)了數(shù)據(jù)屬性中的'name'和'age'?？梢钥吹剑赿ata函數(shù)中使用參數(shù)獲取數(shù)據(jù)屬性時，對應(yīng)的"data-"前綴是不需要的。

除了獲取數(shù)據(jù)屬性的值，attr data-函數(shù)還可以用來設(shè)置數(shù)據(jù)屬性的值。例如：

// 示例代碼
// HTML部分
<div id="myDiv"></div>
// jQuery部分
$('#myDiv').data('name', 'Kate');
$('#myDiv').data('age', 30);

在這個示例中，我們首先定義了一個空的div元素。然后使用data函數(shù)，分別為數(shù)據(jù)屬性'name'和'age'設(shè)置了新的值?？梢钥吹剑趈Query中使用data函數(shù)設(shè)置數(shù)據(jù)屬性值時，同樣不需要添加"data-"前綴。

總之，jQuery中的attr data-函數(shù)是非常有用的。它可以使JavaScript開發(fā)更加高效，同時也能夠為HTML網(wǎng)頁添加更多的自定義功能。