jQuery选择器

• E.className 选取带有属性class="className"的E元素
• E .className 选取E元素内带有属性class="className"的元素

• E, .className 选取E元素和带有属性class="className"的元素

• 通过jQuery选择器获取的对象为jQuery对象，即使网页上不存在该选择器选择的元素，也不会报错。所以，jQuery对象不能直接用于if判断，使用获取到元素的长度来判断 if($(selector).length>0)或者转换成DOM对象 if($(selector)[0])

• 基本选择器
  
  • #id 根据给定的id匹配唯一元素
  • .class 给定类名匹配元素
  • element 给定元素名匹配元素
  • * 匹配所有元素
  • selector1,selector2,selector3...,selectorN 多个选择器匹配的元素合并返回
• 层次选择器
  
  • $("div span") 所有div元素下的所有span元素
  • $("div > span") 所有div元素下的子元素span，直属子元素，不包含孙子元素
  • $(".one + div") class=”one”的元素的下一个同辈div元素
  • $("#two ~ div") id=”two”的元素后面的所有同辈div元素
  • $(selector).siblings("div") 所有同辈div元素，无论前后位置
• 过滤选择器：过滤规则与CSS中的伪类选择器语法相同，即选择器都以一个冒号(:)开头
  
  • 基本过滤选择器
    
    • :first 第一个元素
    • :last 最后一个元素
    • :not(selector) 去除所有与给定选择器匹配的元素
    • :even 索引为偶数的元素，从0开始
    • :odd 索引为奇数的元素，从0开始
    • :eq(index) 索引等于index的元素，从0开始
    • :gt(index) 索引大于index的元素，从0开始
    • lt(index) 索引小于index的元素，从0开始
    • :header 所有标题元素，例如：h1,h2,h3
    • :animated 当前正在执行动画的所有元素
    • :focus 当前获取焦点的元素
  • 内容过滤选择器
    
    • :contains(text) 含有文本内容为“text”的元素
    • :empty 不包含子元素或者文本的空元素
    • :has(selector) 含有选择器所匹配的元素的元素
    • :parent 含有子元素或者文本的元素
  • 可见性过滤选择器
    
    • :visible 选取所有可见的元素
    • :hidden 选取所有不可见的元素
  • 属性过滤选择器
    
    • [attribute] 包含有属性attribute的元素
    • [attribute = value] attribute属性值为value的元素
    • [attribute != value] attribute属性值不等于value的元素
    • [attribute ^= value] attribute属性值以value开头的元素
    • [attribute $= value] attribute属性值以value结尾的元素
    • [attribute *= value] attribute属性值包含有value的元素
    • [attribute |= value] attribute属性值等于value或者以value开头的元素
    • [attribute ~= value] attribute属性值以空格分隔后的值包含有value的元素
    • [attribute1][attribute2][attributeN] 多个属性选择器合并为一个复合属性选择器，满足各个属性条件的元素。每选择一次缩小一次范围
  • 子元素过滤选择器
    
    • :nth-child(index/even/odd/equation) 选取每个父元素下的第index个子元素或者奇偶元素，index从1开始计算，例：:nth-child(3n+1),:nth-child(odd),:nth-child(3)
    • :first-child 每个父元素的第一个子元素
    • :last-child 每个父元素的最后一个子元素
    • :only-child 如果某个元素是它父元素中唯一的子元素，那么将会匹配，还有其他子元素不会被匹配
  • 表单对象属性过滤选择器
    
    • :enable 选取所有可用元素 $(#form1 :enable)
    • :disable 选取所有不可用元素 $(#form2 :disable)
    • :checked 选取所有被选中的元素（单选框、复选框） $(input:checked)
    • selected 选取所有被选中的选项元素（下拉列表） $(selector option:selected)
• 表单选择器
  
  • :input 选取所有的<input>,<textarea>,<select>,<button>
  • :text 选取所有的单行文本框
  • :password 选取所有的密码框
  • :radio 选取所有的单选框
  • :checkbox 选取所有的复选框
  • :submit 选取所有的提交按钮
  • :image 选取所有的图像按钮
  • :reset 选取所有的重置按钮
  • :button 选取所有的按钮
  • :file 选取所有的上传域
  • :hidden 选取所有不可见元素