each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等
在javaScript开发过程中使用$each可以大大的减轻我们的工作量。
下面提一下each的几种常用的用法
each处理一维数组
var arr = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]
$.each(arr, function(i, item){
$.each(item,function(j,val){
`jQuery.each()`函数是jQuery库中的一个核心方法，它提供了对数组、对象（包括JSON）以及DOM元素集合的遍历功能。这个函数极大地简化了JavaScript中的循环操作，减少了潜在的错误，并提高了代码的可读性。
### each处理一维数组
在处理一维数组时，`jQuery.each()`接收两个参数：一个是需要遍历的数组，另一个是回调函数。回调函数内部，`i`是当前元素的索引，`item`是当前元素的值。例如：
```javascript
var arr = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']];
$.each(arr, function(i, item) {
$.each(item, function(j, val) {
console.log(j, val);
});
});
```
这段代码会分别输出`0 a`, `1 aa`, `2 aaa`, `0 b`, `1 bb`, `2 bbb`, `0 c`, `1 cc`, `2 ccc`，因为它首先遍历外层的一维数组，然后对每个子数组进行内层遍历。
### each处理二维数组
当处理二维数组时，`item`会变为二维数组中的每个子数组。例如：
```javascript
var arr2 = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']];
$.each(arr2, function(i, item) {
console.log(i, item);
});
```
这将输出`0 [ 'a', 'aa', 'aaa' ]`, `1 [ 'b', 'bb', 'bbb' ]`, `2 [ 'c', 'cc', 'ccc' ]`，`i`表示外层数组的索引，`item`是子数组本身。
### each处理JSON数据
对于JSON对象，`jQuery.each()`会遍历所有的键值对。例如：
```javascript
var obj = { one: 1, two: 2, three: 3 };
$.each(obj, function(key, val) {
console.log(key, val);
});
```
这会输出`one 1`, `two 2`, `three 3`，`key`是JSON对象的属性名，`val`是对应的属性值。
### each处理DOM元素
在处理DOM元素集合时，`jQuery.each()`同样适用。例如，遍历隐藏的`<input>`元素：
```javascript
$("input:hidden").each(function(i, val) {
console.log(i, $(val).attr('name'), $(val).attr('value'));
});
```
这会依次输出`0 aaa 111`, `1 bbb 222`, `2 ccc 333`, `3 ddd 444`，`i`是元素在集合中的索引，`val`是原始DOM元素，可以使用`$(val)`将其转换为jQuery对象以访问其属性。
### each函数的两种调用方式
在jQuery中，`each()`函数有两种调用方式：一种是`$.each(array, callback)`，另一种是`jQuery对象.each(callback)`。这两种方式在效果上是相同的，都用于遍历。例如，`$("input:hidden").each(...)`和`$.each($("input:hidden"), ...)`都能达到相同的效果。
总结，`jQuery.each()`函数是jQuery中非常实用的工具，它能够灵活地遍历数组、对象和DOM元素集合，使得代码更简洁、易读，是JavaScript开发中的得力助手。了解并熟练掌握`jQuery.each()`，可以提高开发效率，减少因循环操作引起的错误。
