<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>常用内容过滤选择器</title>
<script src="scripts/jquery-3.1.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
//:contains(text) 筛选出包含text文本内容的所有元素
//alert($("ol li:contains('果')").length);
//:empty 没有孩子的元素，(文本节点，元素节点)
//alert($("li:empty").length);
//:has(selector)针对有这样(selector)的孩子的父元素
//里面有ul的所有的div
// alert($("div:has(ul)").length);//2
//:parent 必须有孩子的元素 后面必须有元素
alert($("li:parent").length);
});
</script>
</head>
<body>
<div>
<div id="div1">
<h3>手机品牌</h3>
<ul>
<li class="one">苹果</li>
<li>华为</li>
<li class="one">vivo</li>
</ul>
<h3>电脑品牌</h3>
<ul>
<li>苹果</li>
<li>联想</li>
<li>戴尔</li>
<li></li>
<li></li>
</ul>
</div>
<div>
<h3>销量排行</h3>
<ol>
<li>vivo</li>
<li>苹果</li>
<li>华为</li>
</ol>
</div>
</div>
</body>
</html>
