jQuery基础操作有哪些

这篇文章给大家分享的是有关jQuery基础操作有哪些的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

1.选择器
1.1.id选择器

$('#id')

1.2.class选择器

$('.cl')

1.3.标签选择器

$('div')

1.4组合选择器

    
        1        2        3    
$('#i1,.c1,a ')   #i1和.c1和a的所有标签

1.5.层级选择器

    
        1        2        3    
$('#i1 .c1 a ')  #i1下的.c1下的所有a标签(包括子孙后代)$('#i1.c1>a ')  #i1下的.c1下的所有a标签(只有儿子代)

1.6.基本

:first   $('#i1 .c1 a:first') #i1下的.c1下的第一个a标签:last   $('#i1 .c1 a:last') #i1下的.c1下的最后一个a标签:eq()  $('#i1 .c1 a:eq(1)') #i1下的.c1下的最后一个a标签

1.7.属性

$('[name]')       具有name属性的所有标签$('[name="user"]') name属性等于user的标签

1.8.筛选器

    
$('i1').next()       #下一个$('i1').prev()      #上一个$('i1').parent()  #父标签$('i1').children()#子标签$('i1').siblings()#兄弟标签

2.操作实例

    
    
        
选项
        
IP
        
PORT
    
    
    
        
        
1.1.1.1
        
80
    
    
        
        
1.1.1.2
        
80
    
    
        
        
1.1.1.3
        
80
    
    
        
        
1.1.1.4
        
80
    
    
        
        
1.1.1.5
        
80
    
    
    

3.左侧菜单展开实例

                
        
            
标题一
            
内容
        
        
            
标题二
            
内容
        
        
            
标题三
            
内容
        
    
        

4.自动添加

                添加    
        
            
                
地址
                
端口
                
操作
            
        
        
            
                
1.1.1.11
                
80
                
编辑|删除
            
            
                
1.1.1.12
                
80
                
编辑|删除
            
            
                
1.1.1.13
                
80
                
编辑|删除
            
        
    
    
        
操作
        
地址：
        
端口：
        
    
    
        

5.开关toggleClass

                    
dsajadw
        

感谢各位的阅读！关于"jQuery基础操作有哪些"这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！