• 技术文章 >web前端 >js教程

    jquery内容过滤选择器有哪些

    VV2020-11-30 16:26:27原创100

    jquery内容过滤选择器有:1、“:contains(文本)”,包含指定文本的元素集合;2、“:empty”,选取空元素;3、“:has(选择器)”,包含指定选择器选中的元素集合的元素集合;4、“:parent”,选取包含子节点的父元素。

    常见的内容过滤选择器:

    (学习视频分享:javascript视频教程

    举例:

    运用以上选择器

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
     
    <body >
    <div id="div0">
        <ul>
                <li id="l0">你好</li>
                <li id="l1">小鱼仙倌</li>
                <li id="l2">你好啊</li>
                <li id="l3"></li>
        </ul>
    </div>
    <div id="div1"><li id="l4"></li></div>
     
    </body>
     
     
    <script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js"></script>
    <script>
        var contains=$("div li:contains('你')")
        var empty=$("body :empty")
        var has=$(":has(li)")
        var parent1=$(":parent")
     
        var parent2=$("li").parent()//注意与:parent的区别,parent()选取的是选择器选中的元素的直接父元素
     
     
        console.log(contains)
        console.log(empty)
        console.log(has)
        console.log(parent1)
     
        console.log(parent2)
    </script>
     
    </html>

    运行结果截图如下:

    c7be96e757f725d03bb790ca42f4187.png

    相关推荐:js教程

    以上就是jquery内容过滤选择器有哪些的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    上一篇:js框架与css框架的区别是什么 下一篇:jquery中的Webix是什么
    第14期线上培训班

    相关文章推荐

    • jQuery的内容过滤选择器学习教程_jquery• jQuery内容过滤选择器用法分析_jquery• jquery选择器之内容过滤选择器详解_jquery• 使用jQuery内容过滤选择器选择元素实例讲解_jquery

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网