jQuery权威指南笔记

阅读更多

 

TIPS1:

$(document).ready(function(){}) 等价于 $(function(){})

等价于window.onload(),但$(document).ready在页面框架下载完成后就执行。而window.onload必须在页面全部加在完毕（包括图片下载），因此$(document).ready的执行效率会高于window.onload。

 

TIPS2:

选择器：若id="tabstatus" 则$("#tabstatus")

如何获得table的偶数行 $("#tabstatus tr:nth-child(even)")

 

TIPS3:

jQuery选择器分为：基本选择器，层次选择器，过滤选择器，表单选择器四大类。

过滤选择器中分为：简单过滤选择器，内容过滤选择器，可见性过滤性选择器，属性过滤选择器，子元素过滤选择器，表单对象属性过滤选择器。

 

一：基本选择器

需要注意的是，最后一个selector1，selectorN是求并集，也就是满足selector1的元素和selectorN的元素。

 

二：层次选择器

 

示例如下：

三：过滤器中简单过滤器

语法：

 示例如下：

 

 

	
Item 0 
	
Item 1 
	
Item 2 
	
Item 3 

 

效果如下：

（续）

 

过滤器之内容过滤器

语法如下：

 示例：

 

ABCD

EFaH

 

 

 

过滤器之可见性过滤器

语法：

 示例：

 

 

过滤器之属性过滤选择器

 
ID
Title A 
ID 
 Title AB
Title ABC

 

 show()是jquery的函数，其中参数表示显示时间。

过滤器之子元素过滤选择器

语法如下：

 效果如下：

	
Item 1-0
	
Item 1-1
	
Item 1-2
	
Item 1-3


	
Item 2-0
	
Item 2-1
	
Item 2-2
	
Item 2-3


	
Item 3-0

 

 过滤器之表单对象属性过滤器

语法：

	

		
		
	
	

		 选中
		 未选中
	
	

		
	    	Item 0
	        
	        	Item 1
	     	
	        Item 2
	        
	           	Item 3
	        
	    
	    
	 

 效果：

 

过滤器之表单选择器

 

             TextArea
             Item 0
            
            
             Radio
            
             CheckBox
            
            
            
            
            
            

 

 

• 
• 大小: 71.9 KB

• 
• 大小: 66.7 KB

• 
• 大小: 96.6 KB

• 
• 大小: 140.1 KB

• 
• 大小: 85.6 KB

• 
• 大小: 59.8 KB

• 
• 大小: 43.8 KB

• 
• 大小: 53.2 KB

• 
• 大小: 24.7 KB

• 
• 大小: 31.4 KB

• 
• 大小: 72.5 KB

• 
• 大小: 145.6 KB

• 
• 大小: 62.7 KB

• 
• 大小: 135.3 KB

• 
• 大小: 49.5 KB

• 
• 大小: 94.6 KB

• 
• 大小: 69.4 KB

• 
• 大小: 150.6 KB

• 查看图片附件