EasyClick Html UI 第十八节 jQuery选择集过滤

Posted 2022-02-19 Mr -老鬼

EasyClick html UI 第十八节 jQuery选择集过滤

选择集过滤介绍

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

选择集过滤操作

• 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方法

---

交流QQ群：620028786，647082990，772810035
————————————————— 版权声明—————————————-————
版权所有~Mr-老鬼 ~转载请注明原文地址
免责声明：本文所有的教程仅限交流学习使用不得用于违法用途，造成的法律后果本人不承担责任。