JQuery选择器

一、基本选择器

• id选择器
• 元素名称选择器
• 类选择器
• 选择所有元素
• 组合选择器

	
		
		
		
		
	
	
		
id选择器1span中的内容
		
元素选择器
		样式选择器
		
		
	

二、层次选择器

• 后代选择器

• 子代选择器

• 相邻选择器:

  选择css类为blue的下一个img元素,因为JS代码从上向下执行

• 同辈选择器

选择css类为blue的之后的img元素,因为JS代码从上向下执行

	
		
		
		
		
	
	
		
层次择器
		
父选择器
			
子选择器
				
				
			
	
			

				选择器2
选择器2中的div
			
			
新div1
			
新div2
		
		 
		 
	

三、表单选择器

• 属性选择器
• 表单选择器
• 文本框选择器
• 密码框选择器
• 单/复选框选择器
• 提交按钮选择器
• 图像域选择器
• 按钮选择器
• 文件域选择器

	
		
		
		
	
	
		
		
		
			
			姓名:

			密码:

			年龄:小屁孩
				 你懂得  
 
			爱好:篮球
				 爬床
				 代码

			来自:
					请选择
					北京
					上海
				

			简介:

			头像:

			
			提交
			重置		
			
		
		
		
	

四、属性选择器

	
		
		
		
	
	
		
		
		

			
			姓名:

			密码:

			年龄:小屁孩
				 你懂得  
 
			爱好:篮球
				 爬床
				 代码

			来自:
					请选择
					北京
					上海
				

			简介:

			头像:

			
			提交
			重置