1.基本选择器
- id选择器:$("#id名称")
- 类选择器:$(".类名")
- 标签选择器:$("标签名")
- 所有选择器:$("*")
- 组合选择器:jQuery的组合选择器是指多个被选对象间是用逗号分隔后形成的选择器,例如获取id为one和标签为span的元素$("#one,span")
2.层级选择器
- 所有后代选择器(A B):选择body中的所有div子标签$("body div");选择div下面class为son的标签$("div .son")
- 直接后代选择器(A > B):选择A的直接后代,不包括A的后代的后代(间接后代)
- 下个兄弟选择器(A + B):例选择id为one的下一个兄弟div$("#one + div")
- 剩余兄弟选择器(A~B):选择id为two的所有后面的兄弟div$("#two ~ div")
- 所有兄弟选择器:包括该元素前面与后面的兄弟,需要使用siblings函数$("#two").siblings("div")
3.基本过滤选择器
- 选择第一个:$("A:first")
- 选择最后一个:$("A:last")
- 排除指定id的元素:$("A:not(#id值)")
- 排除指定class的元素:$("A:not(.class值)")
- 选择索引为奇数的元素(元素的索引从0开始):$("A:odd")
- 选择索引为偶数的元素(元素的索引从0开始):$("A:even")
- 选择索引号等于指定值(等于3)的元素:$("A:eq(3)")
- 选择索引号小于3的元素:$("A:lt(3)")
- 选择索引号大于3的元素:$("A:gt(3)")
- 选择所有的标题标记(标题标记从<h1>~<h6>.字体越来越小) :$(":header")
4.内容过滤器
- 选择文本内容包含指定内容的元素:$("A:contains('指定值')")
- 选择文本内容为空的元素:$("A:empty")
- 选择包含指定id值的元素:$("A:has(#id值)")
- 选择包含指定class值的元素:$("A:has(.class值)")
5.可见性过滤选择器
- 选择所有可见的元素:$("A:visible")
- 选择所有不可见的元素:$("A:hidde")
6.属性过滤器
- 选择包含指定属性的元素:$("A[指定的属性]")
- 择属性值为指定值的元素:$("A[属性='指定值']") ,例选择title属性值为test的div元素,$("div[title='test']")
- 选择属性值不等于指定值的元素:$("A[属性!='指定值']")
- 选择属性值以指定值开头的元素:$("A[属性^='指定值']")
- 选择属性值以指定值为结尾的元素:$("A[属性$='指定值']")
- 选择属性值包含指定值的元素:$("A[属性*='指定值']")
- 组合属性选择器:$("A[][]"),例选择title属性包含'es'的并且含有id属性的div元素 ,$("div[id][title*='es']")
7.子元素过滤器
- 选择指定元素的第N个字元素:$("A :nth-child(N)") ,例选择class属性值为one的div元素的第二个子元素,$("div[class='one'] :nth-child(2)")
- 选择指定元素的第一个子元素:$("A :first-child")
- 选中指定元素的最后一个子元素:$("A :last-child")
- 选中具有唯一子元素的元素的子元素 :$("A :only-child")
8.表单相关元素选择器
- 选中可用的文本框:$("A:enabled")
- 选中不可用的文本框:$("A:disabled")
- 选中复选框中被选中的选项:$("A:checked")
- 选择下拉框中被选中的选项:$("A:selected")
9.表单input选择器
- 选择文本框:$("表单 :text")
- 选择密码框:$("表单 :password")
- 选择被选中的单选框的选项:$("表单 :radio:checked")
- 选中文件上传框:$("表单 :file")
- 选择复选框中被选中的选项:$("form :checkbox:checked")