jQuery基础操作有哪些-创新互联

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

超过10余年行业经验,技术领先,服务至上的经营模式,全靠网络和口碑获得客户,为自己降低成本,也就是为客户降低成本。到目前业务范围包括了:网站设计、成都做网站,成都网站推广,成都网站优化,整体网络托管,小程序开发,微信开发,APP应用开发,同时也可以让客户的网站和网络营销和我们一样获得订单和生意!

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.操作实例
jQuery基础操作有哪些






    
    
        选项
        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.左侧菜单展开实例
jQuery基础操作有哪些


    
    Title
    
        .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.自动添加
jQuery基础操作有哪些
jQuery基础操作有哪些


    
    Title
    


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

操作

        

地址:

        

端口:

        

                   

5.开关toggleClass


    
    Title
    


    
    dsajadw
    
    

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

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享名称:jQuery基础操作有哪些-创新互联
URL分享:http://scyanting.com/article/ijcip.html

其他资讯