为了更加方便快速地操作元素,除了选择器之外,jQuery还为我们提供了以“方法”(类似于函数方法)形式存在的两种方式:过滤方法和查找方法。
9.1 jQuery过滤方法简介
在jQuery中,常见的过滤方法有以下5种。
(1)类名过滤:hasClass()
$().hasClass(“类名”)
(2)下标过滤:eq()
$().eq(n)
n是一个整数,从0开始。当取值为正整数时,eq(0)获取的是第1个元素,eq(1)获取的是第2个元素,……,以此类推。
当取值为负整数时,eq(-1)获取的是倒数第1个元素,eq(-2)获取的是倒数第2个元素,……,以此类推。
(3)判断过滤:is()
is()方法的常用做法。
//判断元素是否可见
$().is(":visible")
//判断元素是否处于动画中
$().is(":animated")
//判断单选框或复选框是否被选中
$().is(":checked")
//判断当前元素是否第一个子元素
$(this).is(":first-child")
//判断文本中是否包含jQuery这个词
$().is(":contains('jQuery')")
//判断是否包含某些类名
$().is(".select")
(4)反向过滤:not()
$("li").not(function(){return $(this).text() == "jQuery";})
(5)表达式过滤:filter()、has()
在jQuery中,表达式过滤共有两个方法:一个是filter();另外一个是has()。
在jQuery中,filter()是功能最强大的过滤方法,它可以使用选择器过滤,也可以使用函数过滤。
<script>
$(function () {
$("li").filter(".select").css("color", "red");
})
</script>
1.选择器过滤
2、函数过滤