jQuery each()详解：简化DOM遍历与数据处理

jQuery的`each()`函数是JavaScript编程中非常实用的一个方法，它极大地简化了对一维数组、多维数组、DOM对象以及JSON数据的遍历操作。这个方法的核心在于其回调函数，允许开发者按照指定的逻辑处理集合中的每个元素。 1. **处理一维数组**: 当我们需要遍历一个一维数组时，如`var arr1 = ["aaa", "bbb", "ccc"]`，可以使用`.each()`配合一个匿名函数，如`function(i, val) {}`。这里的`i`表示当前元素的索引，`val`则是元素的值。在这个例子中，`alert(i)`会依次输出0、1、2，而`alert(val)`则显示数组中的相应元素"aaa"、"bbb"、"ccc"。 2. **处理二维数组**: 对于二维数组，如`var arr2 = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]`，`$.each(arr2, function(i, item) {})`中，`item`代表数组内的子数组。`alert(i)`输出0、1、2，表示数组层数，而`alert(item)`则依次显示整个子数组。如果想要进一步遍历子数组，可以嵌套一个`$.each()`，比如`alert(j)`和`alert(val)`会分别输出0、1、2的子索引和对应的子元素。 3. **处理JSON数据**: JSON对象是键值对的集合，如`var obj = {one: 1, two: 2, three: 3}`。调用`$.each(obj, function(key, val) {})`时，`key`现在是属性名（'one'、'two'、'three'），`val`则是对应的属性值。因此，`alert(key)`将输出'one'、'two'、'three'，而`alert(val)`则依次显示1、2、3。 `$.each()`方法的强大之处在于它的灵活性和适用性，使得开发者能够轻松地对各种数据结构进行迭代操作，提高了代码的可读性和维护性。无论是简单的数据结构还是复杂的对象，都能通过`.each()`高效地完成遍历任务，是jQuery库中不可或缺的一部分，对于JavaScript开发者来说，掌握这一技巧是提高工作效率的关键。