人的一生常处于抉择之中，如：念哪一间大学？选哪一种职业？娶哪一种女子？……等等伤脑筋的事情。一个人抉择力的有无，可以显示其人格成熟与否。
倒是哪些胸无主见的人，不受抉择之苦。因为逢到需要决定的时候，他总是求询别人说："嘿，你看怎么做？"
#myid 返回: <jQuery对象> 匹配一个id为myid的元素。 element 返回: <jQuery对象> 数组 匹配所有的element元素 .myclass 返回: <jQuery对象> 数组 匹配所有class为myclass的元素 * 返回: <jQuery对象> 数组 匹配所有元素。该选择器会选择文档中所有的元素，包括html，head，body selector1,selector2,selectorN 返回: <jQuery对象> 数组 匹配所有满足selector1或selector2或selectorN的元素
案例：
1 <title>jQuery基本选择器</title> 2 <style type="text/css"> 3 #box { 4 /*background-color:pink;*/ 5 border:2px solid black; 6 padding:5px; 7 } 8 </style> 9 <script src="js//jquery-1.12.3.min.js"></script> 10 <script type="text/javascript"> 11 $(function () { 12 $("#box").css("background-color","yellow"); 13 $("h2").click(function () { 14 $("h3").css("background-color", "orange"); 15 }); 16 }); 17 18 </script> 19 </head> 20 <body> 21 <div id="box">id为box的div 22 <h2 class="title">class为title的h2</h2> 23 <h3 class="title">class位title的h3</h3> 24 <h3>热门排行</h3> 25 <dl> 26 <dt><img src="img1.jpg" width="300px" height="300px" alt="美女图片"/></dt> 27 <dt class="title">打美女</dt> 28 <dd>色色游戏</dd> 29 <dd>QQ游戏</dd> 30 </dl> 31 </div> 32 </body>
二：层次选择器:后代选择器、子选择器、相邻元素选择器和同辈元素选择器
1 elementParent elementChild 返回: <jQuery对象> 数组 2 匹配elementParent下的所有子元素elementChild。例如：$("div p") 选择所有div下的p元素 3 elementParent > elementChild 返回: <jQuery对象> 数组 4 匹配elementParent下的子元素elementChild。例如：$("div>p") 选择所有上级元素为div的p元素 5 prev+next 返回: <jQuery对象> 数组 6 匹配prev同级之后紧邻的元素next。例如：$("h1+div") 选择所有div同级之前为h1的元素（<h1 /><div />） 7 prev ~ siblings 返回: <jQuery对象> 数组 8 匹配prev同级之后的元素siblings。例如：$("h1~div") 可以匹配（<h1 /><div /><div />）
三 ：属相选择器：
1 jQuery 使用 XPath 表达式来选择带有给定属性的元素。 2 $("[href]") 选取所有带有 href 属性的元素。 3 $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。 4 $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。 5 $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
案例：
1 <title>英雄联盟</title> 2 3 <script src="js//jquery-1.12.3.min.js"></script> 4 <script type="text/javascript"> 5 $(function () { 6 $("p").click(function () { 7 $(".txt_box>.current").css("background-color", "#6FF"); 8 $("p > span").css("background-color", "#F9F").next("background-color", "#F06"); 9 $("strong~span").css("color", "#00C"); 10 }); 11 }); 12 </script> 13 </head> 14 <body> 15 <h1>《英雄联盟》</h1> 16 <p>《英雄联盟》，简称LOL</p> 17 <p>那个<strong>Riot Games</strong>开发..<span>nagegeeeg... 18 <strong>魔兽争霸</strong> 19 啥啥啥....</span><a href="#">更多详情</a></p> 20 <h2>目录</h2> 21 <ul class="txt_box"> 22 <li class="current">开发团队</li> 23 <li>游戏周边</li> 24 <li>游戏介绍</li> 25 <li>配置需求</li> 26 <li>游戏背景</li> 27 </ul> 28 </body>
四：通过条件过滤选取元素
1.简单过滤选择器
（1）:first 选择器。选择第一个匹配元素。 $("td:first").css("border","2px solid blue");
（2）:last 选择器。选择最后一个匹配元素。 $("td:last").css("border","2px solid blue");
（3）:odd 选择器。选择所有基数元素。 $("td:odd").css("border","2px solid blue");
（4）:even 选择器。选择所有偶数元素。 $("td:even").css("border","2px solid blue");
（5）:eq(index) 选择器。从匹配的集合中选择索引等于给定值的元素。 $(td:eq(0))".css("border","2px solid blue");
（6）:gt(index) 选择器。索引大于给定值的所有元素。
（7）:lt(index) 选择器。索引小于给定值的所有元素。
（8）:not(selector...) 选择器。去除某些选择器后的所有元素。 $("td:not(:first,:last)").css(...);
（9）:header 选择器。选择所有诸如 h1,h2,h3 之类的标题元素。 $(":header")
（10）:animated 选择器。选择所有正在执行动画效果的元素。 $(td:animated);
可见与不可见：
：visible选取所有可见的元素
：hidden选取所有的隐藏元素
案例：
1 <title>近期热门栏目</title> 2 <style type="text/css"> 3 4 </style> 5 <script src="js//jquery-1.12.3.min.js"></script> 6 <script type="text/javascript"> 7 $(function () { 8 $("li:even").css("background-color", "#CCC"); 9 }); 10 $(function () { 11 $(".mydiv").css("background-color", "#FF99CC"); 12 }); 13 $(function () { 14 $(".one").click(function () { 15 $(".myclass:hidden").show(); 16 }); 17 }); 18 </script> 19 </head> 20 <body> 21 <p>淘乐，更多生活，<strong>快乐</strong>就在你身边</p> 22 <strong>近期热门</strong><p class="one">（更多）</p> 23 <ul> 24 <li>发的v数</li> 25 <li>的我看到健康</li> 26 <li class="mydiv">颠三倒四女</li> 27 <li>分地点VB</li> 28 <li>梵蒂冈独女</li> 29 <li>我七号的剧本就</li> 30 <li>DVD看剧本</li> 31 <li>大酒店及刺</li> 32 <li class="myclass">发货对话的</li> 33 <li class="myclass">一定会发动机</li> 34 <li class="myclass">傻逼举不胜举</li> 35 </ul> 36 </body>
选择器这块我觉得我讲的不是很好，因为有太多的功能没有给大家展示，等会给大家出一套关于jQuery的面试题！有兴趣可以看看