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

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

    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选择集转移怎么操作?如何写代码?

相关推荐 更多

热门文章

  • 大数据的薪资怎么样?想学大数据了?
  • 吐血整理的大数据学习资源大全
  • 数据分析行业到底有多卷
  • 传智教育在线课程助力职场升级,看IT人才如何破局职业瓶颈
  • 传智教育博学谷赋能在职人群,推出系列公开课及大咖1对1聊技术
  • 大数据开发的前景和就业如何?该如何去学习它?
  • 成为架构师,读书之外什么更重要?
  • 如何从Java工程师成长为架构师?
  • 比较实用的大数据分析模型有哪些?
  • Java原子操作之CAS原子指令学习
  • 查看更多

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

博学谷二维码