JQuery是一種方便快捷的Javascript庫，它可以幫助我們更好地操作DOM和處理事件。其中一種常見的方式是通過data屬性來修改div。

<div id="myDiv" data-name="John" data-age="30">This is my div</div>
$(document).ready(function(){
var name = $("#myDiv").data("name");
var age = $("#myDiv").data("age");
alert(name + " is " + age + " years old.");
});

上面的代碼演示了如何通過data屬性獲取div元素中的name和age值，并將它們存儲到變量中。這個方法非常方便，因為我們不需要從HTML代碼中解析屬性，而是直接從元素中獲取它們。

如果我們需要改變一個div元素的屬性，我們可以使用JQuery的data函數。假設我們想要將上述div元素的年齡增加10歲：

$(document).ready(function(){
var age = $("#myDiv").data("age");
$("#myDiv").data("age", age+10);
});

這個代碼段將取得元素的當前年齡值，并增加10歲。新的年齡值將存儲在data屬性中。如果需要獲取來自data屬性的值的最新版本，可以使用data函數。如果我們想查看年齡是否真的已經更改，可使用以下代碼驗證：

$(document).ready(function(){
var age = $("#myDiv").data("age");
$("#myDiv").data("age", age+10);
var newAge = $("#myDiv").data("age");
alert("New age is: " + newAge);
});

上述代碼段與上一個代碼段相似，但它還獲取了新的年齡值，并使用alert函數來顯示它。我們可以在實際應用中使用這些方法來修改和更新元素。