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

发布时间:2021-12-31 13:59:15 浏览 121 来源:博学谷 作者:小谷

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

    申请免费试学名额    

在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!

上一篇: jQuery选择器可以用来做什么?有几种类型? 下一篇: jQuery选择集转移怎么操作?如何写代码?

相关推荐 更多

热门文章

  • 创建表并给某个字段添加数据的SQL语句怎么写
  • 如何使用连接更新表中某个字段数据?
  • MySQL数据库应用之如何将查询结果插入到其它表中?
  • 分组和聚合函数的组合怎么使用?代码怎么写?
  • 外键SQL语句的编写怎么用?
  • 数据库设计之三范式是什么?有什么作用?
  • 子查询的SQL语句怎么写?如何使用?
  • 连接查询自连接的SQL语句怎么写?
  • 连接查询右连接的SQL语句怎么写?
  • 连接查询左连接的SQL语句怎么写?
  • 查看更多

扫描二维码,了解更多信息

博学谷二维码