JQuery选择器中层级关系老是记不清楚怎么办，总结下看看。

记得到的就是第一个

1.在给定的祖先元素下匹配所有的后代元素(选择器之间是--------空格 )

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />

$("form input") //选择器
[ <input name="name" />, <input name="newsletter" /> ] //对应选择结果2.在给定的父元素下匹配所有的子元素(选择器之间是--------大于号    > )

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />

$("form > input") //jQuery 代码
[ <input name="name" /> ] //结果

3.匹配所有紧接在 prev 元素后的 next 元素(选择器之间是--------加号   + )

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />

$("label + input")  //jQuery 代码
[ <input name="name" />, <input name="newsletter" /> ] //结果

4.匹配 prev 元素之后的所有 siblings 元素(选择器之间是--------波浪号  ~ )

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />

$("form ~ input") //jQuery 代码
[ <input name="none" /> ]  //结果

然后怎么记住呢：
空格：是后代就可以，管他是儿子孙子。

大于号：必须是儿子。

加号：必须紧跟着的，next();

波浪号：好嘛，浪的停不下啦。就是只要是之后的都可以。