基础选择器:#id(ID选择器) ,用法:$("#id");参数id为字符串,表示标签的id属性值。返回值为匹配id元素的对象。
element(类型选择器),用法:$(“element”);参数element为字符串,表示标签的名称。返回值为匹配标签jquery的对 象。
.class(类选择器),用法:$(".className");参数className为字符串,表示标签的class属性值,前缀符号"."表示该选 择器为类选择器。返回值包含匹配className的元素的jquery对象。
*(通配符选择器),用法:$("*");参数*为字符串,表示将匹配指定范围内所有的标签
selector1,selector2,selectorN(分组选择器),用法:$("selector1,selector2,selectorN");
参数selector1,selector2,selectorN为字符串,表示多个选择器,这些选择器没有数量限制,它们通过“,”进行分隔。当 执行组选择器之后,返回的jquery对象将包含每一个原则其匹配到的元素。jquery在执行组选择器匹配时,显示逐一 匹配每一个选择器,然后再将匹配到的每一个元素合并到一个jquery对象返回。
层级选择器: ancestor descendant(包含选择器),在给定的祖先元素下匹配所有的后代元素。ancestor表示任何有效的选择器, descendant表示用意匹配元素的选择器,并且并且它是第一个选择器的后代元素。
例:$("form input")可以匹配表单下的所有的input元素。
parent>child(子选择器),在给定的父级元素下匹配所有的子元素。parent表示任何有效的选择器,child表示用意 匹配元素的选择器,兵器他是第一个选择器的子元素。
例:$("form>input")可以匹配表单下所有的子级input元素。
prev+next(相邻选择器)匹配所有紧接在prev后面的next元素。prev表示任何有效的选择器,next表示有效的选择器,并且紧挨第一个选择器。
例:$("label+input")可以匹配到所有跟在label后面的input元素。
prev~siblings(兄弟选择器)匹配所有紧接在prev后面的所有sibline元素。prev表示任何有效的选择器,siblings表示一个选择器,并且它作为第一个选择器的同辈。
例:$("form~input") 可以匹配到所有与表单同辈的input元素
子元素选择器::nth-child匹配其父元素下的第N个子元素
:first-child匹配第一个子元素
:last-child匹配最后一个子元素
:only-child如果某个元素是父级的唯一子元素,那将会被匹配。
定位过滤器: :first,匹配第一个元素
:last,匹配最后一个元素
:not,去除所有与给定选择器的元素;例:$("input:not(:checked)")可以匹配所有未被选中的input元素
:even,匹配所有索引值为偶数的元素;例:$("tr:even")可以匹配1,3,5,...行的元素(从0开始计数)
:odd,匹配所有索引值为奇数的元素;例:$("tr:odd")可以匹配2,4,6,...行的元素(从0开始计数)
:eq匹配一个给定索引值的元素 ; 例:$("tr:eq(0)”)可以匹配第一行的元素
:gt 可以匹配大于索引值的元素; 例:$("tr:gt(0)“)可以匹配第二行以后包括第二行的元素
:lt可以匹配小于索引值的元素; 例:$("tr:gt(1)“)可以匹配第一行的元素
:header匹配如h1等标题元素
:animated匹配所有正在执行的动画元素
内容过滤器: :contains匹配包含给定文本的元素,例:$("div:contains('测试')")匹配所有包含‘测试’的div元素
:empty匹配所有不包含子元素或文本的空元素
:has匹配含有选择器所匹配的元素的元素。例:$("div:has(p)")匹配所有包含p元素的div
:parent匹配含有子元素或者文本的元素
可见过滤器: :hidden匹配所有不可见元素,或者type为hidden的元素
:visible匹配所有的可见元素
属性选择器:[attribute]匹配包含给定属性的元素,例:$("div[id]")表示查找所有有id属性的div
[attribute=value]匹配属性等于特定值的元素,属性值的引号在大多数情况下是可选的,如属性值中包含“]",需要加引号以避免冲突,例:$(input[name='text')"表示查找所有name属性值是‘text的input元素
[attribute!=value]匹配属性不等于特定值的元素或者不含有制定属性的元素。该属性等价于:not([attr=value]),要匹配含有属性但不等于特定值的元素用[attr]:not[attr=value]).例:$("input[name!='text']")查找所有name属性不等于text的input元素。
[attribute^='text']匹配给定元素以某些值开始的元素,例:$("input[name^='text']")匹配所有属性值以text开头的input元素
[attribute$=value]匹配给顶元素以某些值结尾的元素,例:$("input[name$='text']")匹配所有属性值以text结尾的input元素
[attribute*=value]匹配给顶属性是包含某些值得元素,例:$("input[name*='text']")表示所有name属性值是包含text字符串的input元素
[selector][selector1][selector2]符合属性选择器需要同时满足多个条件使用例:$("input[name*='text'][id]")表示name属性值包含text字符串,且包含了id属性的input元素
基本表单选择器: :input匹配所有input,textarea,select,button元素
:text匹配所有的单行文本框
:password匹配所有的密码框
:radio匹配所有单选按钮
:checkbox匹配所有复选框
:submit匹配所有提交按钮
:image匹配所有图像域
:reset匹配所有重置按钮
:button匹配所有按钮
:file匹配所有文件域
高级表单选择器: :enabled匹配所有可用元素
:disabled匹配所有不可用元素
:checked匹配所有被选中元素(复选框,单选按钮等,不包括select中的option)
:selected匹配所有选中的option元素