JQuery是一个流行的JavaScript库，它提供了许多方便的方法来管理网页上的内容。其中之一是data()方法，这个方法帮助我们在HTML元素中存储和检索数据。

$(document).ready(function(){
// 在一个div元素中存储数据
$('.my-div').data('name', 'John');
// 在一个input元素中存储数据
$('.my-input').data('age', 30);
// 检索刚刚存储的数据
var name = $('.my-div').data('name');
var age = $('.my-input').data('age');
// 将结果输出到控制台
console.log(name); // 输出 "John"
console.log(age); // 输出 30
});

在上面的例子中，我们使用了data()方法来存储和检索数据。在第一行代码中，我们为一个class为"my-div"的div元素存储了一个名为"John"的数据。然后，在第三行中，我们为一个class为"my-input"的输入元素存储了一个名为30的数据。最后，我们使用data()方法来检索这些数据，并将结果输出到控制台。

data()方法可以存储和检索任何类型的数据，例如字符串、数字、数组和对象。这使其成为一个灵活的和有用的方法，可以帮助我们在页面上管理和使用数据。