JQuery-DOM便利

jQuery的DOM遍历方法

筛选方法

• 筛选方法可以根据一定的条件来筛选出符合条件的DOM元素。

.find()：根据选择器筛选出匹配的子元素。

$('div').find('.child'); // 筛选出所有class为child的子元素

.filter()：根据选择器或函数筛选出匹配的元素。

$('div').filter('.selected'); // 筛选出class为selected的元素

.not()：根据选择器或函数筛选出不匹配的元素。

$('div').not('.excluded'); // 筛选出不包含class为excluded的元素

.has()：筛选出包含指定子元素的元素。

$('div').has('.child'); // 筛选出包含class为child的子元素的元素

遍历方法

• 遍历方法可以用于对元素进行循环遍历或查找。

.each()：对每个匹配的元素执行指定的函数。

$('div').each(function(index, element) {
   console.log(index + ': ' + $(element).text());
});

.children()：返回当前元素的所有直接子元素。

$('div').children(); // 返回所有直接子元素

.parent()：返回元素的直接父元素。

$('.child').parent(); // 返回class为child的元素的直接父元素

.prev()：返回元素的前一个兄弟元素。

$('.child').prev(); // 返回class为child的元素的前一个兄弟元素

.next()：返回元素的后一个兄弟元素。

$('.child').next(); // 返回class为child的元素的后一个兄弟元素

过滤方法

• 过滤方法可以根据一定的标准过滤出特定的元素。

:first：选择第一个元素。

$('div:first'); // 选择第一个div元素

:last：选择最后一个元素。

$('div:last'); // 选择最后一个div元素

:even：选择偶数索引的元素。

$('div:even'); // 选择偶数索引的div元素

:odd：选择奇数索引的元素。

$(div:odd'); // 选择奇数索引的div元素

以上是关于jQuery的DOM遍历的整理和示例