jquery选择器

选择器

描述

返回

#id

根据给定的ID匹配一个元素

单个元素组成的集合

element

根据给定的元素名匹配所有元素

元素集合

.class

根据给定的类匹配元素

元素集合

*

匹配所有元素

元素集合

seletor1,seletor2

…,selectorN

将每一个选择器匹配到的元素合并后一起返回；可以指定任意多个选择器，并将匹配到的元素合并到一个结果内

元素集合

选择器

描述

返回

ancestor descendant

后代元素选择器

$(“div span”)选取<div>里的所有的<span>元素

元素集合

parent > child

子元素选择器

$(“div>span”)选取<div>元素下元素名是<span>的子元素

元素集合

prev + next

相邻元素选择器

$(“.one+div”)选取class为one的下一个<div>兄弟元素

元素集合

prev ~ siblings

兄弟元素选择器

$(“#two~div”)选取Id为two的元素后面的所有<div>兄弟元素

元素集合

选择器

描述

返回

:first

选取第一个元素

$(‘li:first’);

单元素

:last

选取最后一个元素

$(‘li:last’);

单元素

:not(selector)

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

$(“input:not(:checked)”)；查找所有未选中的 input 元素

元素集合

:even

选取索引号为偶数的元素，索引号从0开始

$(“tr:even”)

元素集合

:odd

选取索引号为奇数的元素，索引号从0开始

$(“tr:odd”)

元素集合

:eq(index)

选取索引号为index的元素，索引号从0开始

$(“tr:eq(1)”)

单元素

:gt(index)

选取索引号大于index的元素，索引号从0开始

$(“tr:gt(1)”)

元素集合

:lt(index)

选取索引号小于index的元素，索引号从0开始

$(“tr:lt(1)”)

元素集合

:header

选取如 h1, h2, h3之类的标题元素$(“:header”).css(“background”, “#EEE”)

元素集合

:animated

选取所有正在执行动画效果的元素

$(“div:animated”)

元素集合

选择器

描述

返回

:contains(text)

选取包含给定文本的元素

$(“div:contains(‘John’)”)

元素集合

:empty

选取所有不包含子元素或者文本的空元素

$(“td:empty”)

元素集合

:has(selector)

选取含有选择器所匹配的元素的元素

$(“div:has(p)”).addClass(“text”);给所有包含 p 元素的 div 元素添加一个 text 样式

元素集合

:parent

选取含有子元素或者文本的元素

$(“td:parent”)

元素集合

选择器

描述

返回

:hidden

选取所有不可见元素，或者type为hidden的元素

$(“div:hidden”)

元素集合

:visible

选取所有的可见元素

$(“input:visible”)

元素集合

选择器

描述

返回

[attribute]

选取包含给定属性的元素 $(“div[id]”)

查找所有含有 id 属性的 div 元素

元素集合

[attribute=value]

选取给定的属性是某个特定值的元素 $(“input[name=’newsletter’]”) 查找所有 name 属性是 newsletter 的 input 元素

元素集合

[attribute!=value]

选取所有不含有指定的属性，或者属性不等于特定值的元素 $(“input[name!=’newsletter’]”) 查找所有 name 属性不是 newsletter 的 input 元素

元素集合

[attribute^=value]

选取给定的属性是以某些值开始的元素

$(“input[name^=’news’]”) 查找所有 name 以 ‘news’ 开始的 input 元素

元素集合

[attribute$=value]

选取给定的属性是以某些值结尾的元素

$(“input[name$=’letter’]”) 查找所有 name 以 ‘letter’ 结尾的 input 元素

元素集合

[attribute*=value]

选取给定的属性是以包含某些值的元素

$(“input[name*=’man’]”) 查找所有 name 包含 ‘man’ 的 input 元素

元素集合

[attrSel1][attrSel2][attrSelN]

复合属性选择器，需要同时满足多个条件时使用

$(“input[id][name$=’man’]”) 找到所有含有 id 属性，并且它的 name 属性是以 man 结尾的

元素集合

选择器

描述

返回

:nth-child

选取父元素下的第N个子或奇偶元素（index序号从1开始）

$(“ul li:nth-child(2)”) 在每个 ul 查找第 2 个li

元素集合

:first-child

选取父元素的第一个子元素

$(“ul li:first-child”) 在每个 ul 中查找第一个 li

元素集合

:last-child

选取父元素中的最后一个子元素 $(“ul li:last-child”) 在每个 ul 中查找最后一个 li

元素集合

:only-child

如果某个元素是父元素中唯一的子元素，那将会被匹配；如果父元素中含有其他元素，那将不会被匹配。 $(“ul li:only-child”) 在 ul 中查找是唯一子元素的 li

元素集合

选择器

描述

返回

:input

匹配所有 input, textarea, select 和 button 元素 $(“:input”) 查找所有的input元素。

元素集合

:text

匹配所有的单行文本框 $(“:text”)

元素集合

:password

匹配所有密码框

$(“:password”)

元素集合

:radio

匹配所有单选按钮

$(“:radio”)

元素集合

:checkbox

匹配所有复选框

$(“:checkbox”)

元素集合

:submit

匹配所有提交按钮

$(“:submit”)

元素集合

:image

匹配所有图像域

$(“:image”)

元素集合

:reset

匹配所有重置按钮

$(“:reset”)

元素集合

:button

匹配所有按钮<button></button>，$(“:button”)

元素集合

:file

匹配所有文件域

$(“:file”)

元素集合

:hidden

匹配所有不可见元素（display:none），或者type为hidden的元素

$(“tr:hidden”)

元素集合

选择器

描述

返回

:enabled

选取所有可用元素

$(“input:enabled”)

元素集合

:disabled

选取所有不可用元素

$(“input:disabled”)

元素集合

:checked

选取所有被选中的元素（单、复选框）

$(“input:checked”)

元素集合

:selected

选取所有被选中的选项元素（下拉列表

$(“select option:selected”)查找所有选中的选项元素

元素集合