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

JQuery之属性过滤选择器 关键字：

• [属性]
• [属性=属性值]

效果图：

代码：

	
		
		06-属性选择器.html
		
		
		
		
		
			$(function() {
				$("#btn1").click(function() {
					$("div[title]").css("background-color", "yellow");
				})

				$("#btn2").click(function() {
					$("div[title=test]").css("background-color", "yellow");
				})
			});
		

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

			
			

			
			

				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