• [ jquery 选择器 :has(select) ] 此方法选取包含selec(标签元素)元素的父元素


    此方法选取包含selec(标签元素)元素的父元素:参数select只能是HTML标签(有待查证,可能与jquery版本有关):

      说白了就是:如果一个元素含有selector(选择器)所匹配的元素,那么此元素的父元素将被匹配,此选择器一般也要和其他选择器配合使用,比如类选择器和元素选择器..,如果没有设置将使用通配符为前导形式为:"*:has(selector)";

    参数 描述
    selector 一个用于筛选的选择器。

     

    实例:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=' utf-8'>
    <meta name='author' content='http://www.52jb.net/' />
    <title>Inset you title</title>
    <style type='text/css'>
        *{margin:0;padding:0;}
        div,span,p{font:400 13px/1.2em "Courier New";}
        .active{color:#F30;font:900 15px/1.2em "Courier New";}
    </style>
    <script type='text/javascript' src='./js/jquery-1.12.1.min.js'></script>
    <script type='text/javascript'> 
        $(function(){ 
          $('button').click(function(){ 
            $('div:has(span),p:has(span)').toggleClass('active');
          });
        });
    </script>
    </head>
    <body>
        <div>span</div>
        <div><span>span</span></div>
        <p><span>span</span></p>
        <button type='button'>button</button>
    </body>
    </html>

     

  • 相关阅读:
    字典树略解
    NOIP2018普及组初赛解题报告
    Codeforces 23A You're Given a String...
    远程消息推送的简单方法
    IOS5,6,7的新特性
    面试问题1
    IOS推送消息的步骤
    C面试问题
    label的自适应文本,让文本自适应
    TCP连接的三次握手,TCP/UDP区别联系,socket连接和http连接的区别
  • 原文地址:https://www.cnblogs.com/mysearchblog/p/5606178.html
Copyright © 2020-2023  润新知