首页 > Web开发 > 详细

jQuery基础操作

时间:2018-07-23 23:29:44      阅读:345      评论:0      收藏:0      [点我收藏+]
1.选择器
1.1.id选择器

$(‘#id‘)

1.2.class选择器

$(‘.cl‘)

1.3.标签选择器

<div></div>

$(‘div‘)

1.4组合选择器

<div id="i1">
    <div class="c1">
        <a>1</a>
        <a>2</a>
        <a>3</a>
    </div>
</div>

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

1.5.层级选择器

<div id="i1">
    <div class="c1">
        <a>1</a>
        <a>2</a>
        <a>3</a>
    </div>
</div>

$(‘#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的标签

jQuery基础操作

原文:http://blog.51cto.com/13803166/2149222

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!