jQuery基础操作有哪些

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

站在用户的角度思考问题，与客户深入沟通，找到建华网站设计与建华网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都做网站、网站建设、企业官网、英文网站、手机端网站、网站推广、域名注册、网页空间、企业邮箱。业务覆盖建华地区。

1.选择器
1.1.id选择器

$('#id')

1.2.class选择器

$('.cl')

1.3.标签选择器



$('div')

1.4组合选择器

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

1.5.层级选择器

$('#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基础操作有哪些

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基础操作有哪些

5.开关toggleClass


    
    Title
    


    
    dsajadw

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

网页题目：jQuery基础操作有哪些
本文来源：http://hbruida.cn/article/posseh.html

jQuery基础操作有哪些

操作

其他资讯