第六章 jQuery选择器

1、jQuery选择器的优势
1）简洁的语法
2）完善的处理机制

2、jQuery的基本选择器有
标签选择器（element）、类选择器（.class）、id选择器（#id）、并集选择器（用，号分开）、全局选择器（*）

3、使用jQuery的选择器获取元素

层次选择器、属性选择器、基本选择器
   $("h1").css("color","blue");
   $(".price").css({"background":"#efefef","padding":"5px"});
   $("#author").css("color","red");
   $(".intro,dt,dd").css("color","rebeccapurple");//选中的标签一起变红色//    $("*").css({"font_weight":"bold","color":"rebeccapurple"});//所有的标签变紫色
   $(".textRight p").css({"color":"red"})//后代选择器 //.textRight 标签 的p标签里的内容变红色"
   $(".textRight> p").css({"color":"rebeccapurple"})//后代选择器 //.textRight 标签 下面的两个p标签里的内容变紫色"
   $("h1+ p").css({"color":"rebeccapurple"})//后代选择器 //.h1 标签 的下面的一个p标签里的内容变紫色"
   $("h1~ p").css({"color":"rebeccapurple"})//后代选择器 //h1 标签 的p标签里的内容变红色"

4、通过过滤选择器选择元素
基本过滤选择器、可见性过滤选择器

5、JQuery中有四种层次选择器
后代选择器、子选择器、相邻元素选择器、同辈元素选择器

6、
使用过滤选择器
包基本过滤选择器、可见性过滤选择器
例如:
$(document).ready(function () {
   $(" tr:even").css({"background":"#eff7d1"})
       $(" tr:odd").css({"background":"#f7e195"})
   })

7、编译时要注意特殊符号和空格。