jQuery data()方法存储和读取元素数据

jQuery data() 方法

jQuery 的 data() 方法可以用来存储和读取元素数据，它可以用来在元素上存储任何数据，包括字符串、数字、布尔值、对象和数组等。

使用 data() 方法存储数据

$('#element').data('name', 'value');

上面的代码将一个元素上的数据存储到一个叫做 name 的属性中，值为 value。

使用 data() 方法读取数据

var value = $('#element').data('name');

上面的代码将一个元素上的数据从 name 属性中读取出来，值存储在 value 变量中。

使用 data() 方法移除数据

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

上面的代码将一个元素上的数据从 name 属性中移除。

使用 data() 方法设置多个数据

$('#element').data({
  name1: 'value1',
  name2: 'value2',
  name3: 'value3'
});

上面的代码将一个元素上的多个数据存储到 name1、name2、name3 属性中，值分别为 value1、value2、value3。

使用 data() 方法获取所有数据

var data = $('#element').data();

上面的代码将一个元素上的所有数据存储到 data 变量中。