jQuery基础操作

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的标签