前端基础 -JQuery之 内容过滤选择器

JQuery内容过滤选择器

:has(选择器)

效果图：

代码：

	
		
		04-内容过滤选择器.html
		
		
		
		
		
			$(function() {
				$("#btn1").click(function() {
					$("div:has(.mini)").css("background-color", "red");
				})
			});
		
	

	
		内容过滤选择器.
		手动重置页面元素
		点击下列按钮时先自动重置页面

		

		

		
		

			id为one,class为one的div
			
class为mini
		

		

			id为two,class为one,title为test的div.
			
class为mini,title为other
			
class为mini,title为test
		

		

			
class为mini
			
class为mini
			
class为mini
			

		

		

			
class为mini
			
class为mini
			
class为mini
			
class为mini,title为tesst
		

		
style的display为"none"的div

		
class为"hide"的div

		

			包含input的type为"hidden"的div
		

		正在执行动画的span元素.