jquery之选择器

jquery 选择器

学习文档：https://jquery.cuishifeng.cn/

基本选择器

• #id

• element

• .class

• *: 匹配所有元素，多用于结合上下文来搜索，全局搜全

• slector1,slector2,slectorN

层级选择器

• ancestor descendant 祖先后代选择器：在给定的祖先元素下匹配所有的后代元素

• parent>child 父子选择器：在给定的父元素下匹配的第一个符合的子元素

• pre+next 相邻向下的第一个元素

• prev~siblings 匹配prev之后所有与其同级的选择器

基本筛选器

• ：first 获取匹配的第一个元素

• ：last获取匹配的最后一个元素

• : not(selector) 用于去除所有与给定的选择器匹配的元素

• : eq(index) 匹配一个给定索引值的元素

• ：gt(index)匹配所有大于给定索引值的元素

• ：focus 匹配当前获取焦点的元素。如同其他伪类选择器（那些 以"."开始），建议：focus前面用标记名称或其他选择；否则，通用选择（“*”）是不言而喻的。如果你正在寻找当前的焦点元素，$( document.activeElement )将检索，而不必搜索整个DOM树。

内容

• :contains(text)

• :empty

• :has(selector)

• :parent

可见性

• :hidden

• :visible

属性

• [attribute]

• [attribute=value]

• [attribute!=value]

• [attribute^=value]

• [attribute$=value]

• [attribute*=value]

• [attrSel1][attrSel2][attrSelN]

子元素

• :first-child

• :first-of-type1.9+

• :last-child

• :last-of-type1.9+

• :nth-child

• :nth-last-child()1.9+

• :nth-last-of-type()1.9+

• :nth-of-type()1.9+

• :only-child

• :only-of-type1.9+

表单

• :input

• :text

• :password

• :radio

• :checkbox

• :submit

• :image

• :reset

• :button

• :file

表单属性

• :enabled

• :disabled

• :checked

• :selected