前端基础 -JQuery之 基本选择器

Jquery之选择器 基本选择器

• id： #
• class： .
• 标签：*：a,b,c

基本选择器案例：

效果图：

代码：

	
		
		01-基本选择器.html
		
		
		
		
		
		
			$(function() {
				
				// 	  
				$("#btn1").click(function() {
					$("#one").css("background-color", "red");
				})
				
				//	  
				$("#btn2").click(function() {
					$(".mini").css("background-color", "green");
				})
				
				//	  
				$("#btn3").click(function() {
					$("div").css("background-color", "yellow");
				})
				
				//	  
				$("#btn4").click(function() {
					$("*").css("background-color", "blue");
				})
				
				//	  
				$("#btn5").click(function() {
					$("span,#two").css("background-color", "sandybrown");
				})
			})
		
		
	

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

		
		
		
		
		
		

		

		
		

			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元素.