jQuery选择器分为四种:
基本选择器:是jQuery中最常用的选择器,也是最简单的选择器,它是通过id,class和标签名等进行DOM元素查询的,id是唯一的,class可以重复使用。
层次选择器:如果我们想通过元素之间的关系来获取特定的元素,那么层次选择器是一个非常好的选择。层次选择器的书写规则:【1】$("div span") 集合元素 eg:选取div里面的所有span元素;【2】$("div >span") 集合元素 eg:选取的是div元素名是span的子元素;【3】$(".one+div") 集合元素 eg:选取class为one的下一个div同辈元素;【4】$("#two~div") 集合元素 选取id为two的元素后面所有<div> 同辈元素。
过滤选择器:主要是通过特定的过滤规则来筛选出所需要的元素。过滤选择器都是以冒号(:)开头的,按照不同的规则可分为以下中:【1】基本过滤选择器包含 :first 选取第一个元素$("div:first") :last 选取最后一个元素 $("div:last") :not(selector)去除所有与给定选择器匹配的元素$("div:not(.class)") :even选取索引是偶数的元素$("input:even") :odd选取索引是奇数的所有元素$("div:odd") :eq(index)选取索引等于index的元素$("div:eq(1)") :gt(index)选取索引大于index的元素 :lt(index)选取索引小于index的元素 :header选取所有的标题元素(h1,h2,h3......) :animated选取当前正在执行动画的所有元素 :focus选取当前获取焦点的元素【2】内容过滤选择器:$("div:contains(我)")选取含有文本"我"的div元素 $("div:empty")选取不含有子元素的div空元素 $("div:has(p)")选取包含p元素的div元素 $("div:parent")选取拥有子元素的div元素 【3】可见性过滤选择器:可见性选择器是根据元素的可见和不可见的状态来选择相应的元素的。:hidden 选取不可见的元素 :visible选取所有可见元素【4】属性过滤选择器:是通过元素的属性来获取相应的元素的,$("div[id]")选取拥有属性id的元素 $("div[title=text]")选取属性title为"text"的div元素 $("div[title!=text]")选取属性title不等于"text"的div元素,没有属性title的也会被选择 $("div[title^=text]")选取属性title以"text"开始的元素 $("div[title$=text]")选取属性title以"text"结束的元素 $("div[title*=text]")选取属性title含有"text"的元素 $("div[title|=en]")选取属性title等于en或者是以en为前缀的元素 $("div[title~="op"]")选取属性title用空格间隔的值中包含op的元素 $("div[id][title$='text']")选取拥有属性id,并且属性title以"text"结束的元素【5】子元素过滤选择器: :nth-child将为每一个父元素匹配子元素,并且:nth-child(index)中的index是从1开始的而不是0 :first-child为每个父元素匹配第一个子元素 :last-child只返回单个元素,为每个父元素匹配最后一个子元素 :only-child选取是唯一子元素的元素【6】表单对象属性过滤器::enable选取表单内所有可用元素 :disable选取所有不可用元素 :checked选取所有被选中的元素 :selected选取所有被选中的选项元素。
表单选择器:能方便的获取到表单的某个或某类型的元素。:input选取所有的input、textarea、select、button元素 :text选取所有的单行文本框 :password选取所有的密码框 :radio选取所有的单选框 :checkbox选取所有的多选框 :submit选取所有的提交按钮 :image选取所有图像按钮 :reset选取所有的重置按钮 :button选取所有的按钮 :file选取所有的上传域 :hidden选取所有不可见元素。