jQquery选择器

1.1基本选择器

  #id        根据给定id匹配一个元素
  .class     根据给定的类名匹配元素
  element    根据给定的元素名匹配元素
  *     匹配所有元素
  selector1, 
  selector2, 
  selector3  多个选择器，或关系

1.2层次选择器

  $("selector1 selector2")     选取selector1中所有的selector2元素(子孙)
  $("selector1 > selector2")   选取selector1中所有的selector2元素(子)
  $("selector1 + selector2")   选取紧接在selector1元素后的selector2元素(同辈)
  $("selector1 ~ selector2")   选取在selector1元素后所有的selector2元素(同辈)
 
 tip:上面的$("pre + next")  和$("pre~sibling")很少使用, 因为可以使用next()和nextAll()方法进行代替

1.3基本过滤选择器(都是以:开头)

  :first  选取第一个元素
  :last   选取最后一个元素
  :not(selector)  去除所有给定选择器匹配的元素
  :even      选择索引是偶数的元素，索引从0开始
  :odd       选择索引是奇数的元素，索引从0开始
  :eq(index) 选取索引等于index的元素
  :gt(index) 选取索引大于index的元素
  :lt(index) 选取索引小于index的元素
  :header    选取所有的标题元素
  :animated  选取当前正在执行动画的元素
  :focus     选取当前获得焦点的元素

1.4内容过滤选择器

  :contains(text)  选取含有文本内容为text的元素
  :empty   选取不包含子元素或者文本的空元素
  :has(selector) 选取含有选择器所匹配的元素的元素
  :parent    选取含有子元素或者文本的元素

1.5属性过滤选择器 

  [attribute]        选取拥有此属性的元素
  [attribute=value]  选取属性的值为value的元素
  [attribute!=value] 选取属性的值不为value的元素，没有该属性的元素也会被选取
  [attribute^=value] 选取属性的值是以value开头的元素
  [attribute$=value] 选取属性的值是以value结尾的元素
  [attribute*=value] 选取属性的值含有value的元素
  [attribute|=value] 选取属性等于给定字符串或以该字符串为前缀的元素
  [attribute~=value] 选取属性用空格分隔的值中包含一个给定值的元素
  [attribute1][attribute] 满足多个属性过滤器， 且关系

1.6子元素过滤选择器

  :nth-child(index/even/odd/equation)   选取每个父元素下的第index个子元素  
索引从1开始
:eq(index)只会取一个元素，
但是:nth-child为每一个父元素匹配子元素
  :first-child    选取每个父元素的第一个子元素
  :last-child     选取每个父元素的第一个子元素
  :only-child     如果某个元素是它父元素中唯一的子元素

1.7表单对象属性过滤选择器

  :enable   选取所有可用的元素, 针对input元素中的disabled属性
  :disable  选取所有不可用的元素
  :checked  选取所有被选中的元素（单选框， 复选框）
  :selected 选取所有被选中的选项元素（下拉列表）

1.8表单选择器

  :input    选取所有的<input> <textarea> <button> <select>
  :text     选取所有的单行文本框
  :password 选取所有的密码框
  :radio    ...
  :checkbox ...
  :submit   ...
  :image    ...
  :reset    ...
  :button   ...
  :file     ...
  :hidden   ...