zoukankan      html  css  js  c++  java
  • [ 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>

     

  • 相关阅读:
    练习5.6.3节
    size_t
    练习3.43
    use include to read a file
    ACM数学(转)
    POJ 2039 To and Fro
    poj 1716 差分约束
    poj 3159 差分约束
    hdu 4571 floyd+动态规划
    poj 1364 差分约束
  • 原文地址:https://www.cnblogs.com/mysearchblog/p/5606178.html
Copyright © 2011-2022 走看看