zoukankan      html  css  js  c++  java
  • jQuery中的内容选择器

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>jQuery中的内容选择器</title>
        <style>
            div{
                 100px;
                height: 100px;
                border: 1px solid #000;
            }
        </style>
        <script src="../js/jquery-1.11.3.js"></script>
        <script>
            $(function () {
                // 内容选择器
                // :contains(text)
                // :empty
                // :has(selector)
                // :parent
    
    
                // :empty
                // 作用:匹配所有不包含子元素或者文本的空元素
                // let $div = $("div:empty");
                // console.log($div);
    
                // :parent
                // 作用:匹配含有子元素或者文本的元素
                // let $div = $("div:parent");
                // console.log($div);
    
                // :contains(text)
                // 作用:匹配包含给定文本的元素
                // let $div = $("div:contains('我是div')");
                // console.log($div);
    
                // :has(selector)
                // 作用:匹配含有选择器所匹配的元素的元素
                let $div = $("div:has('#par')");
                console.log($div);
    
            });
        </script>
    </head>
    <body>
    <div></div>
    <div>我是div</div>
    <div><span></span></div>
    <div><p id="par"></p></div>
    </body>
    </html>
    
  • 相关阅读:
    bashrc的加载
    无奈卸载Clover 转投TotalCommand
    Hash Table Benchmarks
    linux下编译lua
    可变参数的传递问题
    vector 之 find 重载
    Shell统计报表表格生成
    Shell字符串使用十进制转换
    No module named BeautifulSoup
    Multi Thread.
  • 原文地址:https://www.cnblogs.com/TomHe789/p/12828586.html
Copyright © 2011-2022 走看看