jQuery的选择器

(1)、基本选择器:#id,.class,element,*;

(2)、层次选择器:parent > child,prev + next ,prev ~ siblings

1
2
$("label + input") 匹配所有紧接在 label 元素后的 input 元素
$("form ~ input") 匹配 form 元素之后的所有 input 元素

(3)、基本过滤器选择器::first,:last ,:not ,:even ,:odd ,:eq ,:gt ,:lt

1
$("ul li:gt(3)")	列出 index 大于 3 的元素

(4)、内容过滤器选择器: :contains ,:empty

1
2
$(":contains('W3School')")	包含指定字符串的所有元素
$(":empty") 无子(元素)节点的所有元素

(5)、可见性过滤器选择器::hidden ,:visible

(6)、属性过滤器选择器:[attribute] ,[attribute=value] ,[attribute!=value] ,[attribute^=value] ,[attribute$=value] ,[attribute*=value]

1
2
3
$("input[name^='news']") 查找所有 name 以 'news' 开始的 input 元素
$("input[name$='letter']") 查找所有 name 以 'letter' 结尾的 input 元素
$("input[name*='man']") 查找所有 name 包含 'man' 的 input 元素

(7)、子元素过滤器选择器::nth-child ,:first-child ,:last-child ,:only-child

(8)、表单选择器: :input ,:text ,:password ,:radio ,:checkbox ,:submit 等;

1
$(":submit")   匹配所有提交按钮

(9)、表单过滤器选择器::enabled ,:disabled ,:checked ,:selected


日常小叨:这一部分的内容其实平时用到的就几个而已,剩下的很快就会忘记,所以先记在这里,等忘记的时候就可以随时翻翻。