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