Jquery选择器

一、基本选择器

1.标签选择器

$(“h1”).css(“backgroud”,”#09F”);

2.类选择器（.）

$(“.className”).css(“backgroud”,”#09F”);

3.ID选择器（#）

$(“#idName”).css(“backgroud”,”#09F);

4.并集选择器（,）

$("h2,dt,.title").css("background","#09F")

5.交集选择器 （.）

$("h2.title").css("background","#09F")

6.全局选择器（*）

$(“*”).css(“color”,”red”);

  二、层次选择器（" ",">","+","~"）

  div  span:div下的所有的子元素，包含子元素的子元素

  div>span:div下的子元素，不包含子元素的子元素

  div+span:div相邻的兄弟元素span[div后面的]

  div~span:div往后的所有的span兄弟元素

  三、属性选择器（"[ ]"）

  $("[href]")：有属性是href的

  $("[href='v']")：属性的值等于v

  $("[href^='v']")：属性的值以v

  $("[href$='v']")：属性的以v结尾

  $("[href*='v']")：属性的值包含v

  $("[href!='v']")：属性的值不等于v

  四、过滤选择器（:）

   eq():等于

   gt():大于

   lt():小于

   :first:第一个

   :last:最后一个

   :not():不是

   :header:获取所有的h1~h6

   even:偶数

   odd:奇数