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>

     

  • 相关阅读:
    48. Rotate Image
    83. Remove Duplicates from Sorted List
    46. Permutations
    HTML5笔记
    18. 4Sum
    24. Swap Nodes in Pairs
    42. Trapping Rain Water
    Python modf() 函数
    Python min() 函数
    Python max() 函数
  • 原文地址:https://www.cnblogs.com/mysearchblog/p/5606178.html
Copyright © 2011-2022 走看看