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

 

posted @ 2016-06-22 10:24  窗棂  Views(932)  Comments(0Edit  收藏  举报