jQuery 查找元素1

jQuery 查找元素1

1. id

// 經過id查找
$('#id')

2. class

<div class='c1'></div> // 經過class查找
$('.c1')

3. 標籤、組合

<div id='i1' class='c1'>
    <a>x</a>
</div>
<div class='c1'>
    <div class='c2'>x</div>
</div> // 標籤：找到全部a標籤
$('a')

4.層級

<div>up</div>
<div id='i10'>
    <div>
        <a>x</a>
    </div>
        <a>x</a>
        <a>x</a>
</div>
<div>down</div> // 以" "分割 // 查找指定id標籤下的全部a標籤
$('#i10 a')

// 以">"分割 // 查找指定id標籤下子標籤下的全部標籤
$('#i10>div')

// 以"+"分割 // 查找指定id標籤同級下的下一個div標籤
$('#i10+div')

// 以"~"分割 // 查找指定id標籤同級的全部div標籤
$('#i10~div')