empty:找到既没有文本也没有子元素的指定元素
parent:找到有文本或有子元素的指定元素
contains(text):找到包含有指定文本内容的指定元素
has(selector):找到包含指定子元素的指定元素
<html>
<head>
<title></title>
</head>
<style>
div{
width:50px;
height:100px;
background:red;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
//找到div,且没有内容和没有子元素的div,只有第一个div
var emptyDiv=$('div:empty')
console.log(emptyDiv)
//找到div,有内容或有子元素的div,第2,3,4,5div
var parentDiv=$('div:parent')
console.log(parentDiv)
//找到div,包括内容'是div',第2,3div
var containsDiv=$("div:contains('是div')")
console.log(containsDiv)
//找到div,子元素为span的,只有第4个
var hasDiv=$("div:has('span')")
console.log(hasDiv)
})
</script>
<body>
<div></div>
<div>我是div</div>
<div>我是div123</div>
<div><span></span></div>
<div><p></p></div>
</body>
</html>
