JQuery选择器.docx

6ancestordescendant

概述

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

参数

ancestorSelectorV1.0

任何有效选择器

descendantSelectorV1.0

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

示例

描述:

找到表单中所有的input元素

HTML代码:

jQuery代码:

$（"forminput"）

结果:

[,]

7parent>child

概述

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

参数

parentSelectorV1.0

任何有效选择器

childSelectorV1.0

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

示例

描述:

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

HTML代码:

jQuery代码:

$（"form>input"）

结果:

[]

8prev+next

概述

匹配所有紧接在prev元素后的next元素

参数

prevSelectorV1.0

任何有效选择器

nextSelectorV1.0

一个有效选择器并且紧接着第一个选择器

示例

描述:

匹配所有跟在label后面的input元素

HTML代码:

jQuery代码:

$（"label+input"）

结果:

[,]

9prev~siblings

概述

匹配prev元素之后的所有siblings元素

参数

prevSelectorV1.0

任何有效选择器

siblingsSelectorV1.0

一个选择器，并且它作为第一个选择器的同辈

示例

描述:

找到所有与表单同辈的input元素

HTML代码:

jQuery代码:

$（"form~input"）

结果:

[]

10:

first

V1.0概述

获取第一个元素

示例

描述:

获取匹配的第一个元素

HTML代码:

• listitem1
• listitem2
• listitem3
• listitem4
• listitem5

jQuery代码:

$（'li:

first'）;

结果:

[

11:

last（）

V1.0概述

获取最后个元素

示例

描述:

获取匹配的最后个元素

HTML代码:

• listitem1
• listitem2
• listitem3
• listitem4
• listitem5

jQuery代码:

$（'li:

last'）

结果:

[

12:

not（selector）

概述

去除所有与给定选择器匹配的元素

在jQuery1.3中，已经支持复杂选择器了（例如:

not（diva）和:

not（div,a））

参数

selectorSelectorV1.0

用于筛选的选择器

示例

描述:

查找所有未选中的input元素

HTML代码:

jQuery代码:

$（"input:

not（:

checked）"）

结果:

[]

13:

even

V1.0概述

匹配所有索引值为偶数的元素，从0开始计数

示例

描述:

查找表格的1、3、5...行（即索引值0、2、4...）

HTML代码:

jQuery代码:

$（"tr:

even"）

结果:

[Header1,Value2]

14:

odd

概述

匹配所有索引值为奇数的元素，从0开始计数

示例

描述:

查找表格的2、4、6行（即索引值1、3、5...）

HTML代码:

jQuery代码:

$（"tr:

odd"）

结果:

[Value1]

15:

eq（index）

概述

匹配一个给定索引值的元素

参数

indexNumberV1.0

从0开始计数

示例

描述:

查找第二行

HTML代码:

jQuery代码:

$（"tr:

eq

（1）"）

结果:

[Value1]

16:

gt（index）

概述

匹配所有大于给定索引值的元素

参数

indexNumberV1.0

从0开始计数

示例

描述:

查找第二第三行，即索引值是1和2，也就是比0大

HTML代码:

jQuery代码:

$（"tr:

gt（0）"）

结果:

[Value1,Value2]

17:

lt（index）

概述

匹配所有小于给定索引值的元素

参数

indexNumberV1.0

从0开始计数

示例

描述:

查找第一第二行，即索引值是0和1，也就是比2小

HTML代码:

jQuery代码:

$（"tr:

lt

（2）"）

结果:

[Header1,Value1]