在web開發中，我們經常需要使用JavaScript來操作頁面中的數據。其中，jquery是一個非常流行的JavaScript庫，可以方便地操作頁面中的HTML元素。其中，data-屬性是一種非常方便的方式來在HTML元素中存儲數據。

在HTML元素中，我們可以通過在標簽中添加data-屬性來存儲數據。比如：

<div id="myDiv" data-name="John" data-age="30"></div>

在jQuery中，我們可以使用.data()方法來讀取和設置這些data-屬性的值。比如：

var name = $('#myDiv').data('name');
console.log(name); //輸出 "John"
$('#myDiv').data('age', 40);

在上面的例子中，我們首先使用.data()方法來讀取myDiv元素的data-name屬性的值，并將其存儲在變量name中。然后，我們使用.data()方法來設置myDiv元素的data-age屬性的值為40。

需要注意的是，我們可以在頁面中使用任何有效的JavaScript值作為data-屬性的值，比如字符串、數字、布爾值、數組、甚至對象。此外，我們可以在JavaScript代碼中讀取和修改這些值，來實現動態的頁面交互效果。

總之，jQuery中的.data()方法為我們提供了一種非常方便的方式來讀取和設置HTML元素中的data-屬性的值，從而方便地操作頁面中的數據。