$("A B") 查找A元素下面的所有子节点，包括非直接子节点
$("A>B") 查找A元素下面的直接子节点
$("A+B") 查找A元素后面的兄弟节点，包括非直接子节点
$("A~B") 查找A元素后面的兄弟节点，不包括非直接子节点
1. $("A B") 查找A元素下面的所有子节点，包括非直接子节点
例子：找到表单中所有的 input 元素
HTML 代码:
<form> <label>Name:</label> <input /> <fieldset> <label>Newsletter:</label> <input /> </fieldset> </form> <input />
jQuery 代码:
$("form input")
结果:
[ <input />, <input /> ]
2. $("A>B") 查找A元素下面的直接子节点
例子：匹配表单中所有的子级input元素。
HTML 代码:
<form> <label>Name:</label> <input /> <fieldset> <label>Newsletter:</label> <input /> </fieldset> </form> <input />
jQuery 代码:
$("form > input")
结果:
[ <input /> ]
3. $("A+B") 查找A元素后面的兄弟节点，包括非直接子节点
例子：匹配所有跟在 label 后面的 input 元素
HTML 代码:
<form> <label>Name:</label> <input /> <fieldset> <label>Newsletter:</label> <input /> </fieldset> </form> <input />
jQuery 代码:
$("label + input")
结果:
[ <input />, <input /> ]
4. $("A~B") 查找A元素后面的兄弟节点，不包括非直接子节点
例子：找到所有与表单同辈的 input 元素
HTML 代码:
<form> <label>Name:</label> <input /> <fieldset> <label>Newsletter:</label> <input /> </fieldset> </form> <input />
jQuery 代码:
$("form ~ input")
结果:
[ <input /> ]
您可能感兴趣的文章: