最近有点闲,酱油的时候总结一下自己没用过的jQuery选择器,以便要用的时候方便
1.$('#box > p').css('color','red');
<div id="box">
<p>儿子选择器</p>
<p>儿子选择器</p>
<p>儿子选择器</p>
<div>
<p>孙子选择器</p>
<p>孙子选择器</p>
<p>孙子选择器</p>
</div>
</div>
2.html代码
<form>
<label>Name:</label>
<input name="name" class="son"/>
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代码:
$("form > input")//只去儿子节点
$("form input")//取所有子节点
$("input.son")//取标类为son的input节点
结果:
[ <input name="name" class="son"/> ]
[ <input name="name" class="son"/>, <input name="newsletter" /> ]
[ <input name="name" class="son"]> ]