原创 jQuery选择集过滤的操作方法有几种？

jQuery选择集过滤的操作方法有几种？过滤选择集就是通过$()方法获取到的所有标签的集合。我们需要掌握如何使用选择器进行标签过滤。

选择集学习目标：使用选择器进行标签过滤。

1. 选择集过滤的介绍

选择集过滤就是在选择标签的集合里面过滤自己需要的标签

2. 选择集过滤的操作

has(选择器名称)方法，表示选取包含指定选择器的标签

eq(索引)方法，表示选取指定索引的标签

has方法的示例代码:

<script>
    $(function(){
        //  has方法的使用
        var $div = $("div").has("#mytext");
        //  设置样式
        $div.css({"background":"red"});
    });
</script>

<div>
    这是第一个div
    <input type="text" id="mytext">
</div>

<div>
    这是第二个div
    <input type="text">
    <input type="button">
</div>

eq方法的示例代码:

<script>
    $(function(){
        //  has方法的使用
        var $div = $("div").has("#mytext");
        //  设置样式
        $div.css({"background":"red"});

        //  eq方法的使用
        var $div = $("div").eq(1);
        //  设置样式
        $div.css({"background":"yellow"});
    });
</script>

<div>
    这是第一个div
    <input type="text" id="mytext">
</div>

<div>
    这是第二个div
    <input type="text">
    <input type="button">
</div>

小结：选择集过滤可以使用has方法和eq方法来完成；jquery给标签设置样式使用css方法。