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