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>


3. 小结

  • 选择集过滤可以使用has方法和eq方法来完成
  • jquery给标签设置样式使用css方法
上一篇:《Java8实战》-第六章读书笔记(用流收集数据-01)


下一篇:《Java8实战》-第六章读书笔记(用流收集数据-02)