基本的jQuery选择器

来源:互联网 发布:太原java薪资待遇如何 编辑:程序博客网 时间:2024/05/16 09:14
名称选择器语法功能全选选择器*选取所有元素,不管他们的名字元素选择器元素名选取名字匹配的所有元素,例如 inputID选择器#ID通过id匹配一个元素 例如#field类选择器.class选取类名匹配一个元素 例如.tabs后代选择器父子选择父元素中任意位置的子元素  例如:#list1 li子元素选择器父>子选取父元素中的直接子元素,例如#tabs>div相邻元素选择器前+后选取紧跟前面元素的后面的兄弟元素,例如:input+label兄弟选择器前~后在同一个父元素内,选取紧跟着前面元素的后面的兄弟元素,例如h2~p属性选择器[属性名]选取有个属性的所有元素,不管它的值,例如: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]