1. 程式人生 > >jQuery基礎操作

jQuery基礎操作

等於 第一個 class選擇器 clas 1.4 1.7 基礎操作 .class 基本

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