在 Web 开发中，经常需要操作文档对象模型（DOM）元素进行页面渲染和交互。jQuery 是一款轻量级的 JavaScript 库，提供了丰富的 DOM 操作方法，其中遍历函数是其中一个重要的组成部分。本文将深入探讨 jQuery 遍历函数的使用方式和原理，以便读者能够更好地理解和应用这些函数。
概述
jQuery 提供了多种遍历函数，可以帮助开发者快速找到所需的 DOM 元素。这些函数包括筛选器（filter）、查找器（find）、父元素选择器（parent）、兄弟元素选择器（siblings）等。它们都具有统一的语法：$(selector).function()，其中 selector 是 CSS 选择器表达式，.function() 是调用遍历函数的方法名。
筛选器（filter）
筛选器是指根据特定条件来筛选出符合要求的 DOM 元素。jQuery 提供了多种筛选器，如基本筛选器、内容筛选器、属性筛选器、子元素筛选器等。
基本筛选器
:first、:last：分别选取第一个和最后一个元素；:even、:odd：选取序号为偶数和奇数的元素；:eq(index)、:gt(index)、:lt(index)：分别选取指定索引、大于索引和小于索引的元素。
下面是一个示例代码，选取表格的第一行和第三行：
$('table tr:first, table tr:eq(2)');内容筛选器
:contains(text)：选取包含指定文本的元素；:empty：选取没有子元素的空元素；:has(selector)：选取含有符合选择器条件的子元素的元素；:parent：选取含有子元素的元素。
下面是一个示例代码，选取所有含有 input 元素的 div：
$('div:has(input)');属性筛选器
[attribute]：选取具有指定属性的元素；[attribute=value]、[attribute!=value]、[attribute^=value]、[attribute$=value]：分别选取属性值等于、不等于、以指定值开头、以指定值结尾的元素。
下面是一个示例代码，选取所有含有 href 属性的 a 元素：
$('a[href]');子元素筛选器
:first-child：选取第一个子元素；:last-child：选取最后一个子元素；:nth-child(index)：选取第index个子元素；:only-child：选取唯一一个子元素。
下面是一个示例代码，选取所有表格单元格中的最后一个元素：
$('td:last-child');查找器（find）
查找器是指在指定元素范围内查找符合条件的子元素。jQuery 提供了多种查找器，如后代选择器、子元素选择器、相邻兄弟选择器等。
后代选择器
后代选择器用于在指定元素的所有后代元素中查找符合条件的元素，语法为 $(ancestor descendant)。
下面是一个示例代码，选取所有 ul 元素下的 li 元素：
$('ul li');子元素选择器
子元素选择器用于在指定元素的直接子元素中查找符合条件的元素，语法
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/3551