jQuery是一款广泛应用于前端开发的JavaScript库，在jQuery中，.each() 是一个非常常用的方法，它可以迭代遍历匹配元素集合，并对每个元素执行指定的回调函数。但是，在理解和使用 .each() 方法时，我们需要了解一些关键的概念。
jQuery.fn.each()
在 jQuery 中，jQuery.fn 相当于 jQuery.prototype，通过扩展 jQuery.fn 对象，我们可以为jQuery对象实例添加新的方法。其中，.each() 就是其中一个方法，它定义在 jQuery.fn.each() 中，具体定义如下：
jQuery.fn.extend({
each: function (callback) {
return jQuery.each(this, callback);
}
});从代码中我们可以看出，当调用 $(selector).each() 时，实际上是调用了 jQuery.each() 方法，并将当前选择器匹配到的所有DOM元素作为第一个参数传递给 jQuery.each() 方法，而回调函数则作为第二个参数传递。
因此，.each() 方法可以看作是对集合的遍历操作，可以轻松地遍历并操作多个DOM元素，同时也支持链式调用，方便进行连续的操作。
示例代码：
-- -------------------- ---- -------
----
-------- ------
-------- ------
-------- ------
-----
--------
--------------------- ------- -
----------------- - -- - - ----------------
---
---------上述代码将遍历 <li> 元素，输出每个元素的文本内容和对应的索引值。
jQuery.each()
另外一个与 .each() 方法相关的方法是 jQuery.each()，它是 jQuery 的核心方法之一，也是实现了大部分 jQuery 方法的基础方法。jQuery.each() 方法可以用于遍历对象或数组，并为每个元素执行回调函数。
不同于 .each() 方法只能遍历 jQuery 对象集合，jQuery.each() 可以遍历任何类型的对象，包括 JavaScript 数组和对象等。
示例代码：
-- -------------------- ---- ------- --- --- - ----- ---- ----- ---------------- -------- ------- ------ - ----------------- - -- - - ------- --- --- --- - - ----- ------- ---- -- -- ---------------- -------- ----- ------ - --------------- - -- - - ------- ---
上述代码将先遍历数组 arr，输出每个元素的索引和值，然后遍历对象 obj，输出每个属性的名字和对应的值。
需要注意的是，在 jQuery.each() 中，回调函数的第一个参数是当前元素在集合中的索引值（或者是对象的键名），而第二个参数则是当前元素的值（或者是对象的键值）。
小结
.each() 方法可以用于遍历 jQuery 对象集合，jQuery.each() 方法可以用于遍历任何类型的对象。两者的参数顺序也不同，回调函数的参数顺序也不同。
在使用时，我们需要根据具体的需求选择合适的方法，并清楚每个参数和回调函数中的参数含义，以免出现错误。
最后，为了提高代码的可读性和维护性，建议使用语义化的变量名和注释来解释代码的作用和目的，一定要尽可能让自己的代码易于理解和修改。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/283