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