jQuery .each() - 实际用途？

在前端开发中，jQuery是一个非常流行的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及AJAX交互。jQuery的.each()函数是一个非常实用的工具，用于遍历数组、对象或者HTML元素。

实际用途：

遍历数组或对象：使用.each()函数可以方便地遍历数组或对象，并对每个元素执行特定的操作。

// 遍历数组
var arr = [1, 2, 3, 4];
$.each(arr, function(index, value) {
  console.log('Index: ' + index + ', Value: ' + value);
});

// 遍历对象
var obj = {
  name: 'John',
  age: 30,
  city: 'New York'
};
$.each(obj, function(key, value) {
  console.log('Key: ' + key + ', Value: ' + value);
});

遍历HTML元素：.each()函数也可以用于遍历匹配到的HTML元素，并对每个元素执行特定的操作。

// 遍历所有的<div>元素
$('div').each(function() {
  console.log('Div:', this);
});

结合其他jQuery函数：.each()函数可以与其他jQuery函数结合使用，例如，可以在遍历数组或对象时，使用jQuery函数来操作DOM元素。

// 遍历数组，并修改每个<div>元素的背景颜色
var colors = ['red', 'green', 'blue'];
$('div').each(function(index) {
  $(this).css('background-color', colors[index]);
});

总之，jQuery的.each()函数是一个非常实用的工具，可以帮助开发者方便地遍历数组、对象或HTML元素，并执行特定的操作。