jQuery 遍历 方法

jQuery 是一款简洁高效的JavaScript 库，其提供独特而灵活的遍历功能帮助开发人员快速地查找、选取、更改文档中的元素或节点。jQuery 遍历API可以说是 jQuery 库中非常重要的部分，下面我们将详细讲解其中的遍历方法。

一、过滤方法

  1. .filter() 方法

filter()方法用于筛选元素。该方法接受一个参数，该参数可以是选择器表达式、DOM元素或者一个函数。该方法返回的是当前被匹配元素中符合指定条件的元素。例如：$(‘div’).filter(’.test’)，这条语句返回的是所有class为test的div元素。

  1. .not() 方法

not()方法用于排除元素。与filter()方法相反，not()方法返回的是不符合指定条件的元素。例如：$(‘div’).not(’.test’)，这条语句返回的是所有没有class为test的div元素。

  1. .first() 方法

first()方法用于选取第一个元素。该方法返回当前匹配元素集合中第一个元素。例如：$(‘div’).first()，这条语句返回的是第一个div元素。

  1. .last() 方法

last()方法用于选取最后一个元素。该方法返回当前匹配元素集合中最后一个元素。例如：$(‘div’).last()，这条语句返回的是最后一个div元素。

二、遍历方法

  1. .each() 方法

each()方法用于迭代集合中的每一个元素。该方法接受一个函数作为参数，该函数用于处理集合中的各个元素。例如：$(‘div’).each(function(){console.log($(this))})，这条语句返回的是div元素集合中的所有元素。

  1. .children() 方法

children()方法用于选取所有子元素。该方法返回所有匹配元素的直接子元素。例如：$(‘div’).children()，这条语句返回的是所有div元素的子元素。

  1. .parent() 方法

parent()方法用于选取所有父元素。该方法返回当前匹配元素集合中每个元素的父元素。例如：$(‘div’).parent()，这条语句返回的是所有div元素的父元素。

  1. .siblings() 方法

siblings()方法用于选取所有同级元素。该方法返回当前匹配元素集合中每个元素的所有同胞元素（不包括自己）。例如：$(‘div’).siblings()，这条语句返回的是所有和div元素同级的元素。

  1. .prev() 和 .next() 方法

prev()和next()方法分别用于选取当前匹配元素集合中的前一个和后一个元素。例如：$(‘div’).prev()，这条语句返回的是所有div元素的前一个元素。

总结：jQuery 遍历API提供的方法非常多，通过这些方法可以快速地查找、选取、更改文档中的元素或节点。其中，过滤方法主要是用来筛选或排除元素；而遍历方法主要是用来迭代或选取元素。这些方法帮助开发人员提高了开发效率，使得开发更加简单、灵活。

jQuery 遍历 - 祖先 jQuery 遍历- 过滤