第六章jQuery选择器

A.jQuery提供了丰富的选择器以获取DOM元素。

B.jQuery中的基本选择器包括标签选择器，类选择器，id选择器，并集选择器和全局选择器。

C.使用jQuery的层次选择器可通过DOM元素之间的层次关系来获取元素，包括后代元素。子元素，相邻元素和同辈元素。    $("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标签里的内容变红色"

D.使用属性选择器可通过HTML元素的属性来选择元素。

$("#book a[class]" ).css({"background-color":"red"})
$("#book a[class!='hot']" ).css({"background-color":"red"})
$("#book a[class^='hot']" ).css({"background-color":"red"})
$("#book a[href$='html']" ).css({"background-color":"red"})
$("#book a[href*='k2']" ).css({"background-color":"blue"})

E.使用过滤选择器可通过特定的过滤规则来筛选出所需的DOM元素，包括基本过滤选择器，可见性过滤选择器等。

$(document).ready(function () {
   $(" tr:even").css({"background":"#eff7d1"})
       $(" tr:odd").css({"background":"#f7e195"})
   })

F.编写选择器时要注意特殊符号和空格。