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')