📜  jQuery |遍历过滤(1)

📅  最后修改于: 2023-12-03 15:16:48.044000             🧑  作者: Mango

jQuery 遍历过滤

jQuery 是一款非常强大的 JavaScript 库,提供了很多用于遍历和操作文档对象模型(DOM)的方法。其中,遍历和过滤方法是 jQuery 中最常用的方法之一。

遍历方法
each()

each() 方法可以用来遍历一个 jQuery 对象中的每一个元素。

$('.myClass').each(function(index) {
  // 在这里对每一个元素执行的操作
});

在 each() 方法内部,可以使用 this 关键字来引用当前元素。

find()

find() 方法用来查找匹配表达式的元素的后代元素。

$('.myClass').find('.myChildClass').doSomething();
children()

children() 方法用来获取匹配表达式的元素的直接子元素。

$('.myClass').children('.myChildClass').doSomething();
过滤方法
filter()

filter() 方法可以用来过滤 jQuery 对象中的元素,只留下匹配选择器的元素。

$('.myClass').filter('.myFilter').doSomething();
not()

not() 方法与 filter() 方法相反,可以用来移除匹配选择器的元素。

$('.myClass').not('.myFilter').doSomething();
first()

first() 方法可以获取 jQuery 对象中的第一个元素。

$('.myClass').first().doSomething();
last()

last() 方法可以获取 jQuery 对象中的最后一个元素。

$('.myClass').last().doSomething();

以上是常用的 jQuery 遍历和过滤方法。如果您想了解更多,请查阅官方文档。