189 8069 5689

$('#id')

$('.cl')

$('div')

    
        1
        2
        3
    

    
        1
        2
        3
    

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.左侧菜单展开实例

    
    
    
        .left_menu{
            height: 140px;
            width: 200px;
            border: 1px dashed #000000;
        }
        .item .head{
            background-color: #000000;
            color: antiquewhite;
        }
        .item .content{
            min-height:80px;
        }
        .hide{
            display: none;
        }
    


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

4.自动添加

    
    
    


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

        
地址：
        
端口：
        

    
    
    
    

5.开关toggleClass

    
    
    


    
    dsajadw
    
    

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