前端基础 -JQuery之 可见性过滤选择器

JQuery可见性过滤选择器 关键字：

• :visible 可见
• :hidden 不可见

效果图：

代码：

	
		
		05-可见性过滤选择器.html
		
		
		
		
		
			$(function() {
				$("#b1").click(function() {
					$("div:visible").css("background-color", "red");
				})

				$("#b2").click(function() {
					$("div:hidden").show(2000);
				})
			});
		
	

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

		

		

			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,title为tesst
		

		
style的display为"none"的div

		
class为"hide"的div