JQuery选择器

    id选择器

<div id="box"></div>
$('#box').text('我是div')

    类选择器

<div class="one"></div>
$('.one').text("我是另一个div")

   标签选择器

<p></p>
$('p').text('我战斗力爆表');

   通配符选择器

<div id="box"></div>
<div class="one"></div>
<p></p>
<p></p>
<p class="one"></p>
$('*').css('font-size','20px');

  交并集选择器

<div id="box"></div>
<div class="one"></div>
<p></p>
<p></p>
<p class="one"></p>
$('div,p').css('color','red');//并集
$('div.one').css('color','hotpink');//交集

1.2层级 

   后代选择器：在给定的祖先元素下匹配所有的后代元素

<form>
  <label>Name:</label>
  <input name="name" />
  <fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
 </fieldset>
</form>
<input name="none" />
$("form input")

        子代选择器：在给定的父元素下匹配所有的子元素

<form>
  <label>Name:</label>
  <input name="name" />
  <fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
 </fieldset>
</form>
<input name="none" />
$("form > input")

       prev+next选择器：匹配prev后的第一个next

$('.two + span').css('color', 'red')

prev~next选择器：匹配prev后的所有next

$('.two ~ span').css('color', 'red')

1.3基本筛选器

        :first(第一个）

        :last(最后一个)

        :even(匹配所有索引为偶数的元素，从 0 开始计数)

        :odd（匹配所有索引为奇数的元素）

        :eq(index) 匹配一个给定的索引，从零开始。

        :gt(index) 匹配所有比index大的元素，index从零开始

        :lt(index) 匹配所有比index小的元素，index从零开始

        :header 匹配所有h标签

$('.two span:first').css('color', 'red')
$('.two span:last').css('color', 'blue')
$('.two span:even').css('color', 'pink')
$('.two span:odd').css('color', 'green')
$('span:eq(0)').css('color', 'green') //给的索引本身
$('span:gt(0)').css('color', 'green') //比给的索引大的
$('span:lt(7)').css('color', 'pink') //比给的索引小的
$(':header ').css('color', 'green') //匹配所有h标签