名称 | 选择器语法 | 功能 |
---|---|---|
全选选择器 | * | 选取所有元素,不管他们的名字 |
元素选择器 | 元素名 | 选取名字匹配的所有元素,例如 input |
ID选择器 | #ID | 通过id匹配一个元素 例如#field |
类选择器 | .class | 选取类名匹配一个元素 例如.tabs |
后代选择器 | 父子 | 选择父元素中任意位置的子元素 例如:#list1 li |
子元素选择器 | 父>子 | 选取父元素中的直接子元素,例如#tabs>div |
相邻元素选择器 | 前+后 | 选取紧跟前面元素的后面的兄弟元素,例如:input+label |
兄弟选择器 | 前~后 | 在同一个父元素内,选取紧跟着前面元素的后面的兄弟元素,例如 |
属性选择器 | [属性名] | 选取有个属性的所有元素,不管它的值,例如:input[readonly] |
属性相等选择器 | [属性名=“值”] | 选取有这个属性并且属性值跟给定值相等的所有元素,列如:label[for="field1"] |
属性不等选择器 | [属性名!=“值”] | 选取不包含这个属性名,或者包含这个属性但值不一样的所有元素,例如:a[target!="_blank"] |
属性开头选择器 | [属性名^="值”] | 选取有这个属性的并且属性值的开头与给定值相等的所有元素,例如 a[href^="http:"] |
属性结尾选择器 | [属性名=$"值"] | 选取有这个属性的并且属性值的结尾与给定值相等的所有元素,例如a[href$=".pdf"] |
属性包含选择器 | [属性名*=“值”] | |
属性包含单词选择器 | [属性名~=“值”] | 选择有这个属性并且属性值包含给定单词(以空格分开)的所有元素,例如a[href=“Google”] |
属性包含前缀选择器 | [属性名|=“值”] | 选择有个属性的并且属性值等于给定值,或者以给定开始并紧接着有一个连接符(-)的所有元素,列如:a[class|="ui-state"] |
多属性选择器 | [属性名1=“值1”] [属性名2=“值2”] | 例如 input[type="checkbox"] [disabled] |
基本的jQuery选择器
最新推荐文章于 2024-01-14 11:54:30 发布