jQuery九大选择器

jQuery九大选择器

一、选择器

在jQuery中，获取页面中元素的方式，我们称为选择器

l基本

l层级

l简单

l内容

l可见性

l属性

l子元素

l表单

l表单对象属性

1、基本

l#id ：通过id属性值获取元素

lElement ：通过元素名获取元素

lselector1,selector2 ：获取列表中指定的所有元素

l.class ：获取使用class样式的所有元素

2、层级

lancetor descendant ：匹配祖先元素下的后代元素

lparent > child ：匹配父元素下的子元素

lprev + next ：匹配上一个元素的后面的元素，必须是挨着的

lprev~siblings ：匹配前一个元素的所有平辈元素，在prev元素后面才能匹配

3、简单

l:first ：匹配第一个元素

l:last ：匹配最后一个元素

l:even ：匹配索引为偶数的元素

l:odd ：匹配索引为奇数的元素

l:eq(index) ：匹配索引为指定值的元素

l:gt(index) ：匹配索引大于指定值的元素

l:lt(index) ：匹配索引小于指定值的元素

l:not(selector) ：匹配除了指定选择器之外的所有元素

4、内容

l:contains(text) ：匹配内容中包含指定内容的元素

l:empty ：匹配内容为空的元素

l:has(selector) ：匹配内容中包含指定选择器的元素

l:parent ：匹配内容不为空的元素

5、可见性

l:hidden ：匹配隐藏的元素

l:visible ：匹配显示的元素

6、属性

l[attribute] ：匹配具有指定属性的元素

l[attribute=value] ：匹配属性等于指定值的元素

l[attribute!=value] ：匹配属性不等于指定值的元素

l[attribute^=value] ：匹配属性值以指定值开始的元素

l[attribute$=value] ：匹配属性值以指定值结束的元素

l[attribute*=value] ：匹配属性值中包含指定值的元素

l[selector1][selector2][selectorN] ：同时满足所有条件，则匹配

7、子元素

l:nth-child(index/even/odd) ：匹配指定索引的元素 从1算起

l:first-child ：匹配第一个子元素

l:last-child ：匹配最后一个子元素

l:only-child ：如果子元素是父元素的唯一子元素，则匹配

8、表单

l:input ：匹配所有表单元素

$(“:input”) ：匹配所有表单元素 select、textarea

$(‘input’) ：匹配input标签

l:text ：文本框

l:password ：密码框

l:radio ：单选按钮

l:checkbox ：复选框

l:submit ：提交按钮

l:reset ：重置按钮

l:image ：图像按钮

l:button ：按钮

l:file ：文件框

l:hidden ：隐藏域

9、表单对象属性

l:enabled ：匹配状态可用的表单元素

l:disabled ：匹配状态不可用的表单元素

l:checked ：匹配被选中的元素 匹配单选或复选

l:selected ：匹配被选中的元素 匹配的是option