1、表格选择框--全选，反选，取消

    
                         
     
              
                   
        
选项
        
IP
        
端口
       
              
              
                   
        
        
1.1.1.1
        
80
       
                   
        
        
1.1.1.1
        
80
       
                   
        
        
1.1.1.1
        
80
       
                   
        
        
1.1.1.1
        
80
       
                   
        
        
1.1.1.1
        
80
       
              
         
        

    上面HTML代码中，this代指每次的循环，this.checked判断标签是否被选中，选中则为true；未选中则为false。$().prop()设置隐藏，显示，选中或未选中。prop("checked",true)   prop("checked",false)   prop("disable",none)设置隐藏。

　下面通过JQuery来实现，如下：

    
                         
     
              
                   
        
选项
        
IP
        
端口
       
              
              
                   
        
        
1.1.1.1
        
80
       
                   
        
        
1.1.1.1
        
80
       
                   
        
        
1.1.1.1
        
80
       
                   
        
        
1.1.1.1
        
80
       
                   
        
        
1.1.1.1
        
80
       
              
         
        

　$().prop("checked")，一个参数代表获取值，判断是选定，checked的话，返回true；否则返回false；$().prop("checked",true)代表设置值。

    三元运算，即判断，var v = 条件(true)?false:true   如果条件为真(true)，则v=false；否则条件为假(false)，则v=true

    
                         
     
              
                   
        
选项
        
IP
        
端口
       
              
              
                   
        
        
1.1.1.1
        
80
       
                   
        
        
1.1.1.1
        
80
       
                   
        
        
1.1.1.1
        
80
       
                   
        
        
1.1.1.1
        
80
       
                   
        
        
1.1.1.1
        
80
       
              
         
        

    上面三元运算中，$().条件?false:true；false一定要写在前面，如果为真，则为false；如果为假，则为真；

　实例二、下拉内容点击展开，关闭的操作，如下：

 

    
                 
     
        
      
            
       
        标题1
       
            
       
        内容1
       
        
      
        
      
            
       
        标题2
       
            
       
        内容2
       
        
      
        
      
            
       
        标题3
       
            
       
        内容3
       
        
      
    
     
        

//JQuery支持链式编程 //find()是查找标签下面的标签，等价与($("p span")==>$('p').find('span')等价与空格  })   

 

    $().find()是查找子标签满足条件的标签，