基本选择器
- id选择器:$("#input_id") 获取id为input_id的标签对象
- 类选择器:$(".input_class") 获取class为input_class的标签对象
- 元素选择器:$("input") 获取标签为input的对象
- 通用选择器:$("*") 获取所有标签对象
- selector1,selector2,...,selectorN:$("p,span,p.myClass") 获取所有<p>,<span>和class为myClass的<p>标签的元素集合
层级选择器
- 后代选择器:$("div span") div下面包含的所有span(不是直系的span也可以)
- 子父选择器:$("div>span") div下直系子元素
- 兄弟选择器:$("#sp1+span") 获取id属性为sp1的紧挨着的span(如果id为sp1的属性,紧挨着的标签不是span,则获取为空) $("#sp1~span") 获取id属性为sp1后面所有同级的span
基本过滤选择器(如果多个同级ul,多个ul为一个整体)
- :first $("ul li:first") ul标签下,li标签下的第一个li对象
- :last $("ul li:last") ul标签下,li标签下的最后一个li对象
- :not
- :even $("ul li:even") ul标签下,li标签中下标为偶数的li对象(下标从0开始)
- :odd $("ul li:odd") ul标签下,li标签中下标为奇数的li对象(下标从0开始)
- :eq $("ul li:eq(3)") ul标签下,li标签中下标为3的li对象(下标从0开始)
- :gt $("ul li:gt(3)") ul标签下,li标签中下标大于3的所有li对象(下标从0开始)
- :lt $("ul li:lt(3)") ul标签下,li标签中下标小于3的所有li对象(下标从0开始)
- :header
- :animated
内容过滤选择器
- :empty $("ul li:empty") ul标签下,li标签中为空的所有li对象
可见性过滤选择器
- :hidden $("ul li:hidden") ul标签下,li标签中为隐藏的所有li对象(如果没有属性是hidden,但有display:none,也会视为隐藏而获得)
属性选择器
- $("input[type=text]") 获取input标签中type属性为text的对象
- $("input[name^=t]") 获取input标签中name属性以t开头的对象
- $("input[name$=e]") 获取input标签中name属性以e结尾的对象
- $("input[name*=x]") 获取input标签中name属性包含x的对象
- $("input[type!=text]") 获取input标签中type属性不等于text的对象
子元素选择器(如果多个同级ul,单个ul为一个整体)
- :nth-child $("ul li:nth-child(2)") ul标签下,li标签中第二个li对象(多个ul的话,则是获取每个ul的第二个li)
- :first-child $("ul li:first-child(1)") ul标签下,li标签中第一个li对象(多个ul的话,则是获取每个ul的第一个li)
- :last-child $("ul li:last-child(1)") ul标签下,li标签中最后一个li对象(多个ul的话,则是获取每个ul的最后一个li)
- :only-child $("ul li:only-child(1)") ul标签下只有一个li时 获取
表单选择器
- :input $(":input")获取表单下所有表单项对象
- :text $(":text")获取input里type为text的对象
- :password
- :radio
- :checkbox
- :submit
- :image
- :reset
- :button
- :file
- :hidden
表单属性选择器
- $("input:disabled") 获取input标签中含有disabled属性的对象
复合属性选择器
- $("input[type=text][name^=z]") 获取input标签中type为text,且name属性是以z开头的对象