<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 /> ]
您可能感兴趣的文章: