jquery.data() jQuery 杂项 data() 方法

jquery.data()

jQuery.data() 方法用于在元素上存储任意的数据，它可以让我们在不污染 HTML 元素的情况下，将数据和元素相关联。

$('#myDiv').data('name', 'John');

上面的代码将一个名为 name 的数据存储到 id 为 myDiv 的元素中。这样，我们就可以通过 jQuery.data() 方法来获取该数据：

var name = $('#myDiv').data('name'); // John

jQuery.data() 方法也可以用于存储复杂的对象，而不是单一的值。例如：

$('#myDiv').data('person', { 
    name: 'John', 
    age: 30 
});

我们也可以使用 jQuery.removeData() 方法来删除已存储的数据：

$('#myDiv').removeData('name');

jQuery.data() 方法有一些重要的优势。首先，它能够帮助我们保存大量的数据而不会影响 HTML 元素本身。此外，它还能够帮助我们避免使用其它方式来保存数据时出现的问题（例如使用隐藏表单域时出现的问题）。最后，jQuery.data() 方法运行速度很快，因此能够大大减少应用程序中执行 DOM 操作所需要耗费的时间。总之，jQuery.data() 方法是一个强大而有用的工具，能够帮助我们在不影响 HTML 元素本身情况下保存大量数据。

jQuery 杂项 data() 方法