jQuery

可以按照网站进行查看

http://jquery.cuishifeng.cn/

 

jQuery

   模块  《=》类库

  DOM/BOM/JavaScript的类库

 

一 查找元素

jQuery:

选择版本

1.0

2.0

3.0

可以选择1.0最新版本 兼容性比较好 IE 线上环境选择压缩版本

 

1.1 引入jQuery

 

一般放在html末尾 调用jQuery jQuery == $  一般写$

 

 

1.2 jQuery转换：

DOM对象与jQuery对象转换

jquery对象[0]  => Dom对象

Dom对象   ==> $(Dom对象)

 

 

1.3 选择器

直接找到某个或者某类标签

 

1.id  $('#id')2.class 
     
 $('.c1')3 标签
     
            
      f            
      f        
     
        
     
            
      f        
     
        
     
            
      
 
      
        
     
  $('a') 如果

 

 

 

 

　　

 

 

 

筛选

 

二 操作元素

 

===》 实例:

 

基本选择器

 

筛选器

 

案例

用到的知识

基本选择器及筛选器

        
                      
      
        
       
            
        
                
         
          菜单一
         
                
         
                    
          
           1.1
          
                    
          
           1.2
          
                    
          
           1.3
          
                
         
            
        
            
        
                
         
          菜单二
         
                    
         
                        
          
           2.1
          
                        
          
           2.2
          
                        
          
           2.3
          
                     
         
            
        
            
        
                
         
          菜单三
         
                
         
                    
          
           3.1
          
                    
          
           3.2
          
                    
          
           3.3
          
                
         
            
        
            
       
        
       
        
       
        
      

 

属性

attr：

可以适用与所有的标签，初了checkbox，radios

 

案例

    
                          
      
            
       
                
                        
        菜单一                
        菜单二                
        菜单三            
       
            
       
                
                        
        
         内容一
        
                
        
         内容二
        
                
        
         内容三
        
            
       
        
      

 

checkbox属性

$('').prop('checked',true) 选上

$('').prop('checked',false) 取消

 

案例 

    
                      
      
        
               
           
      
    
      
        
       
                    
         
                          
                          
123
                     
                     
                          
                          
123
                     
                     
                          
                          
123
                     
                
       
    
      

 

for循环

案例：

 

function ReverseAll() {        //i 下标索引        //item 循环元素        var userList = [11,22,33,44]        $.each(userList,function (i,item) {            console.log(i,item)        });

 

    
                      
      
        
               
               
           
      
    
      
        
       
                    
         
                          
                          
123
                     
                     
                          
                          
123
                     
                     
                          
                          
123
                     
                     
                          
                          
123