JQuery是一個非常流行的JavaScript庫，它用簡單的語法和方法來簡化Web開發。其中一個最常用的功能是data-屬性。data屬性是一種HTML5特性，允許開發人員將自定義的數據附加到HTML元素上。

在JQuery中，我們可以很容易地訪問和操作data屬性。可以使用data()方法獲取或設置元素的data屬性。下面是一個例子：

<div id="myDiv" data-name="John" data-age="30"></div>
<script>
var name = $("#myDiv").data("name");
var age = $("#myDiv").data("age");
console.log(name); //輸出John
console.log(age); //輸出30
//設置data屬性
$("#myDiv").data("name", "Jack");
console.log($("#myDiv").data("name")); //輸出Jack
</script>

在這個例子中，我們使用data()方法獲取元素ID為“myDiv”的data屬性。我們也可以使用數據屬性名稱來獲取特定的數據值，比如data("name")獲取“name”屬性的值。我們還可以使用data()方法來設置一個data屬性來更改元素的屬性值。

在JQuery中，我們也可以使用.attr()方法來訪問data屬性，但推薦使用前者。比如下面的代碼：

<div id="myDiv" data-name="John" data-age="30"></div>
<script>
var name = $("#myDiv").attr("data-name");
var age = $("#myDiv").attr("data-age");
console.log(name); //輸出John
console.log(age); //輸出30
</script>

總之，data屬性是JQuery中非常重要的一個功能。它允許開發人員在HTML元素上存儲自定義數據，并且可以很容易地訪問和操作這些數據。使用JQuery的data()方法，我們可以輕松地設置和獲取元素的data屬性。