选择元素

选择被操作的元素

基本的CSS选择

• 类选择器
• id选择器
• *
• selector1,selector2,selectorN

层次选择器

• ser1 ser2 后代选择器
• parent>child 子选择器
• prev+ next 相邻兄弟选择器
• prev ~ siblings 任意兄弟选择器

基本选择器

• first 获取第一个元素
• last
• even 匹配所有索引值为偶数的元素
• odd 匹配所有索引值为奇数的元素
• not(selector) 去除所有与给定选择器匹配的元素

  //查找没有选中的input元素
  $("input:not(:checked)")
  

• eq(index)匹配一个给定索引值的元素
• gt(index)匹配所有大于给定索引值的元素
• lt(index)

---

• header 匹配标题元素
• animated匹配执行动画的元素
• focus 匹配当前获取焦点的元素
• root 选择该文档的根元素

子元素

• :first-child
• :first-of-type
• :last-child
• :last-of-type
• :nth-child
• :nth-last-child()
• :nth-last-of-type()
• :nth-of-type()
• :only-child
• :only-of-type

属性

• [attribute] 指定属性的元素
• [attribute=value] 属性是特定值的元素
• [attribute!=value] 属性不是特定值的元素
• [attribute^=value] 匹配给定的属性是以某些值开始的元素
• [attribute$=value] 匹配给定的属性是以某些值结尾的元素
• [attribute*=value] 匹配给定的属性是以包含某些值的元素
• [attrSel1][attrSel2][attrSelN] 复合属性选择器，需要同时满足多个条件时使用

//选择具有src的属性
$('[src]')

//id属性且name属性以man结尾
$("input[id][name$='man']")

可见性

• :hidden
• :visible 匹配所有的可见元素

表单

• :input
• :text
• :password
• :radio
• :checkbox
• :submit
• :image
• :reset
• :button
• :file

---

• :enabled
• :disabled
• :checked
• :selected