管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

Jquery选择子控件

parent > child

　　概述

　　在给定的父元素下匹配所有的子元素

　　参数

　　parentSelector任何有效选择器

　　childSelector用以匹配元素的选择器，并且它是第一个选择器的子元素

　　示例

　　描述:

　　匹配表单中所有的子级input元素。

　　HTML 代码:

　　

复制代码 代码如下:

　　<form>

　　<label>Name:</label>

　　<input name="name" />

　　<fieldset>

　　<label>Newsletter:</label>

　　<input name="newsletter" />

　　</fieldset>

　　</form>

　　<input name="none" />

　　jQuery 代码:

　　

复制代码 代码如下:

　　$("form > input")

　　结果:

　　

复制代码 代码如下:

　　[ <input name="name" /> ]

　　ancestor descendant

　　概述

　　在给定的祖先元素下匹配所有的后代元素

　　参数

　　ancestorSelector任何有效选择器

　　descendantSelector用以匹配元素的选择器，并且它是第一个选择器的后代元素

　　示例

　　描述:

　　找到表单中所有的 input 元素

　　HTML 代码:

　　

复制代码 代码如下:

　　<form>

　　<label>Name:</label>

　　<input name="name" />

　　<fieldset>

　　<label>Newsletter:</label>

　　<input name="newsletter" />

　　</fieldset>

　　</form>

　　<input name="none" />

　　jQuery 代码:

　　

复制代码 代码如下:

　　$("form input")

　　结果:

　　

复制代码 代码如下:

　　[ <input name="name" />, <input name="newsletter" /> ]

教程首页 更多教程