笔记：JQuery之内容过滤选择器

版权声明： https://blog.csdn.net/qq_36797286/article/details/81806930

内容过滤选择器的过滤规则主要体现在它所包含的子元素和文本内容上 

1. 选择含有文本' di '的 div 元素

$("#btn1").click(function(){
	$("div:contains('di')").css("background", "#ffbbaa");
});

2. 选择不包含子元素（文本元素）的 div 空元素

$("#btn2").click(function(){
	$("div:empty").css("background", "#ffbbaa");
});

3. 选择含有 class 为 mini 元素的 div 元素

$("#btn3").click(function(){
	$("div:has(.mini)").css("background", "#ffbbaa");
});

4. 选择含有子元素（文本元素）的 div 元素

$("#btn4").click(function(){
	$("div:parent").css("background", "#ffbbaa");
	//$("div:not(:empty)").css("background", "#ffbbaa");
});