jQuery选择器

jQuery选择器

基本选择器(Basic selector)

① $("#id");单个元素
② $(".class");集合元素

层次选择器(Level selector)

① $("ancestor descendant")—选择ancestor元素里的所有descendant(后代)元素;集合元素>
② $("parent > child")—选择parent元素下的child(子)元素;集合元素>
③ $("prev + next")—选取紧接在prev元素后面的next元素;集合元素>
④ $("prev~sibings")—选取prev元素后面的所有sibings元素:集合元素>
⑤ $("#two").sibings("div")—选取#two同辈的div;集合元素

过滤选择器(Filter selector)

基本过滤

① :first—选取第一个元素;单个元素
② :last—选取最后一个元素;单个元素
③ :not(selector)—除去所有与给定选择器匹配的元素;集合元素
④ :even—选取索引是偶数的所有元素，索引从0开始;集合元素
⑤ :odd—选取索引是奇数的所有元素;集合元素
⑥ :eq(index)—选取索引等于index的元素;集合元素
⑦ :gt(index)—选取索引大于index的元素;集合元素
⑨ :lt(index)—选取索引小于index的元素;集合元素
⑨ :header—选取所有的标题元素(h1~h6);集合元素
⑩ :animated—选取当前正在执行的动画;集合元素

内容过滤

① :contains(text)—选取含有文本内容为”text”的元素;集合元素
② :empty—选取不包含子元素或者文本的空元素;集合元素
③ :has(selector)—选取含有选择器所匹配元素的元素;集合元素
④ :parent—选取含有子元素的或者文本的元素;集合元素

可见性过滤

① :hidden—选取所有不可见元素;集合元素
② :visible—选取所有课件的元素;集合元素

属性过滤

① [attribute]—选取拥有此属性的元素;集合元素
② [attribute=value]—选取属性attribute的值为value的元素;集合元素
③ [attribute!=value]—选取属性attribute的值不等于value的元素;集合元素
④ [attribute^=value]—选取属性attribute的值以value开始的元素;集合元素
⑤ [attribute$=value]—选取属性attribute的值以value结束的元素;集合元素
⑥ [attribute*=value]—选取属性attribute的值含有value的元素;集合元素
⑦ [selector1][selector2][selector3]…—用属性选择器合并成一个复合属性选择器;集合元素

子元素过滤

① :nth-child(index|even|odd|equation)—选取每个父元素下的第index个子元素或奇偶元素(index从1开始);集合元素
② :first-child—选取每个父元素的第一个子元素;单个元素
③ :last-child—选取每个父元素的最后一个子元素;单个元素
④ :only-child—如果某个元素是他父元素中唯一的子元素,那么将会被匹配,如果父元素中含有其他元素,则不匹配;集合元素

表单对象属性过滤

① :enabled—选择所有可用元素;集合元素
② :disabled—选择所有不可用元素;集合元素
③ :checked—选取所有被选中的元素(单选框、复选框);集合元素
④ :selected—选取所有被选中的选项元素(下拉列表);集合元素

表单选择器(Form selector)

① :input—选取所有的、、、元素;集合元素
② :text—选取所有的单行文本框;集合元素
③ :password—选取所有的密码框;集合元素
④ :radio—选取所有的单选框;集合元素
⑤ :checkbox—选取所有的复选框;集合元素
⑥ :submit—选取所有的提交按钮;集合元素
⑦ :image—选取所有的图像按钮;集合元素
⑧ :reset—选取所有的重置按钮;集合元素
⑨ :button—选取所有的按钮;集合元素
⑩ :file—选取所有的上传域;集合元素
⑪ :hidden—选取所有不可见元素;集合元素