码迷,mamicode.com
首页 > Web开发 > 详细

jQuery基础操作

时间:2018-07-23 23:43:30      阅读:285      评论:0      收藏:0      [点我收藏+]

标签:基本   包括   a标签   操作   jquer   选择器   pre   基础   标签   

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

标签:基本   包括   a标签   操作   jquer   选择器   pre   基础   标签   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!