【前端每日一问002】jquery中each与data方法的用法与概念

在jQuery中，.each() 方法用于遍历一个jQuery对象集合，可以对这些对象进行一些操作。.data() 方法用于在指定的元素上存储或检索数据。

.each() 的基本用法如下：

$(selector).each(function(index, element) {
  // 对每个元素执行的操作
});

其中 selector 是选择器，用于选择需要遍历的元素。function(index, element) 是遍历时的回调函数，index 是当前元素的索引，element 是当前遍历到的元素（DOM对象）。

.data() 的基本用法如下：

$(selector).data(key, value); // 设置数据
$(selector).data(key);        // 获取数据

其中 selector 是选择器，用于选择需要设置或获取数据的元素。key 是数据的键，value 是要设置的数据值。

实例代码：

// 遍历类名为.my-element的所有元素，并设置数据
$('.my-element').each(function(index, element) {
  $(element).data('index', index);
});
 
// 遍历类名为.my-element的所有元素，并获取设置的数据
$('.my-element').each(function(index, element) {
  console.log($(element).data('index'));
});

在这个例子中，我们遍历所有类名为 my-element 的元素，并为它们设置一个 index 数据，然后再次遍历这些元素并打印出它们的 index 数据。