• [ 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>

     

  • 相关阅读:
    关于binary log那些事
    Ubuntu常用软件安装与使用
    Ubuntu 12.04系统优化清理
    Ubuntu 12.04开机自动挂载Windows分区
    wubi安装Ubuntu后扩充Ubuntu系统空间
    sudo找不到命令:修改sudo的PATH路径
    JS 获取触发事件的对象
    NOIP 2002
    NOIP 2011 聪明的质监员
    NOIP 2011 计算系数
  • 原文地址:https://www.cnblogs.com/mysearchblog/p/5606178.html
Copyright © 2020-2023  润新知