jquery的选择器
jquery最好用的一点就是选择器， 直接可以通过css选中元素
eg：
<body>
<div class="box">我是一个box</div>
<div id="box1">
<ul>
<li>我是一个li</li>
<li>我是一个li</li>
<li>我是一个li</li>
<li>我是一个li</li>
</ul>
</div>
<h3>h3</h3>
<P>1</P>
<P>2</P>
<P>3</P>
<P>4</P>
<P>5</P>
<P>6</P>
支持Css2.1选择器：
$(".box").css("color", "red"); //选取class为box的元素匹配
$("#box1").css("color", "blue"); //选取id为box的元素匹配
$("div").css("color", "orange"); // 选取 <div> 元素匹配
$("div.box").css("color", "red"); // 选取所有 class="box" 的 <div> 元素匹配
$("div, h3").css("color", "blue"); //选取所有 <div> 元素和 <h3> 元素匹配
$("#box1 ul li").css("color", "orange"); //选取id为box下的<ul>下的 <li> 元素匹配
支持Css3选择器：
$("p:first").css("color", "red"); //选取第一个 <p> 元素匹配
$("p:last").css("color", "blue"); //选取最后一个 <p> 元素匹配
$("p:eq(2)").css("color", "orange"); //选取第三个 <p> 元素匹配（从0开始数）
$("p").eq(3).css("color", "blue"); //选取第四个 <p> 元素匹配（从0开始数）
$("p:lt(3)").css("color", "red"); //选取前三个 <p> 元素匹配
$("p:gt(3)").css("color", "blue"); //选取后三个 <p> 元素匹配
$("p:odd").css("color", "red"); //选取奇数位置 <p> 元素匹配
$("p:even").css("color", "blue"); //选取偶数位置 <p> 元素匹配
