(二)尚硅谷jQuery重点总结(2)【jQuery 选择器】【jQuery 元素筛选】

这些都可到jq的工具手册里面查
 
基本选择器
 
(二)尚硅谷jQuery重点总结(2)【jQuery 选择器】【jQuery 元素筛选】_第1张图片
代码示例:


	
		
		Untitled Document
		
		
		
	
	
	
		
		
		
		
		
		
		
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
class为"hide"的div
包含input的type为"hidden"的div
^^span元素^^
 
层级选择器
(二)尚硅谷jQuery重点总结(2)【jQuery 选择器】【jQuery 元素筛选】_第2张图片
代码示例:


	
		
		Untitled Document
		
		
		
	
		
	

		
		
		
		
		

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
class为"hide"的div
包含input的type为"hidden"的div
^^span元素^^

 

过滤选择器

基本过滤器
(二)尚硅谷jQuery重点总结(2)【jQuery 选择器】【jQuery 元素筛选】_第3张图片
代码示例:


	
		
		Untitled Document
		
		
		
	
	
		
		
		
		
		
		
		
		
		
				
		


		

基本选择器.



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
class为"hide"的div
包含input的type为"hidden"的div
正在执行动画的div元素.

 

内容过滤器
(二)尚硅谷jQuery重点总结(2)【jQuery 选择器】【jQuery 元素筛选】_第4张图片
代码示例:


	
		
		Untitled Document
		
		
		
	
			
		
		
		
		
		
		

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
class为"hide"的div
包含input的type为"hidden"的div
正在执行动画的div元素.

 

属性过滤器
(二)尚硅谷jQuery重点总结(2)【jQuery 选择器】【jQuery 元素筛选】_第5张图片
代码示例:




Untitled Document





	
	
	
	
	
	
	
	

	

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
class为"hide"的div
包含input的type为"hidden"的div
正在执行动画的div元素.

 

表单过滤器
(二)尚硅谷jQuery重点总结(2)【jQuery 选择器】【jQuery 元素筛选】_第6张图片
 
表单对象属性过滤器
(二)尚硅谷jQuery重点总结(2)【jQuery 选择器】【jQuery 元素筛选】_第7张图片
代码示例:


	
		
		Untitled Document
		
		
	
	
		

表单对象属性过滤选择器







可用元素:
不可用元素:
可用元素:
不可用元素:

多选框:
test1 test2 test3 test4 test5

下拉列表1:


下拉列表2:

 

jQuery 元素筛选

(二)尚硅谷jQuery重点总结(2)【jQuery 选择器】【jQuery 元素筛选】_第8张图片

(二)尚硅谷jQuery重点总结(2)【jQuery 选择器】【jQuery 元素筛选】_第9张图片

代码示例:



	
		
		DOM查询
		
		
		
	
			
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		

		
		

基本选择器.



文本框

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
class为"hide"的div
^^span元素 111^^
包含input的type为"hidden"的div
^^span元素 222^^
正在执行动画的div元素.

 

 

你可能感兴趣的:(尚硅谷,javaweb,jquery)