在使用 jQuery 进行前端开发时，我们经常需要对页面元素进行操作。jQuery 提供了许多方便的方法来选择和操作 DOM 元素。其中，$.each() 方法可以让我们迭代一个元素集合，并对每个元素执行一段代码。但是如果我们只想操作单个元素呢？这时候就需要另一种方法了。
问题描述
假设我们有一个 HTML 页面，其中有一个 id 为 "myDiv" 的 div 元素。现在我们想要对这个元素进行一些操作，比如修改它的文本内容或样式。我们可以使用下面的代码来选中这个元素并修改它的文本内容：
$('#myDiv').text('New text');这个代码很简单，但如果我们想要对这个元素进行更复杂的操作，可能会希望像 $.each() 那样迭代它的子元素或兄弟元素。然而，$.each() 只能处理数组或对象，而不能处理单个元素。
解决方案
那么，有没有类似于 $.each() 的方法可以用于单个元素呢？答案是肯定的。jQuery 提供了一个名为 $.fn.each() 的方法，可以用于迭代单个元素和它的子元素。和 $.each() 类似，$.fn.each() 接受一个回调函数作为参数，并将当前元素作为 this 关键字传递给回调函数。在回调函数中，我们可以像处理一个数组那样来处理当前元素及其子元素。
下面是 $.fn.each() 的使用示例：
-- -------------------- ---- -------
--------------------------- -
-- --------------
------------------------------
-- -------------- ------ --
--------------------------------- -
-- --------
------------------------------
---
---在这个例子中，我们首先选中了 id 为 "myDiv" 的 div 元素，并对它调用了 $.fn.each() 方法。在回调函数中，我们为当前元素添加了一个叫做 "highlight" 的 CSS 类名，并使用 find() 方法找到了它的子元素并对它们也添加了 "highlight" 类名。
总结
$.fn.each() 是一种很方便的方法，可以用于迭代单个元素及其子元素。它的使用方式和 $.each() 类似，但有一些细微的差别。使用它可以让我们更方便地对页面元素进行操作，提高开发效率。
除了 $.fn.each()，jQuery 还提供了许多其他方便的方法，可以帮助我们更轻松地完成前端开发工作。学习这些方法可以让我们编写更简洁、优雅的代码，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/29638