1.
使用CSS选择器选择元素
基本选择器
$("h1").css("color", "blue"); //标签选择器
$(".price").css({"background":"#efefef","padding":"5px"}); //类选择器
$("#author").css("clor", " #083499"); //id选择器
$(".intro,dt,dd").css("color", " #ff0000");//并集选择器
$("*").css("font-weight", "bold"); //全局选择器
层次选择器
$(".textRight p").css("color","red"); //后代选择器
$(".textRight>p").css("color", "red"); //子选择器
$("h1+p").css("text-decoration", "underline"); //相邻元素选择器
$("h1~p").css("text-decoration", "underline"); //同辈元素选择器
属性选择器
$("#news a[class]").css("background","#c9cbcb");//a标签带有class属性
$("#news a[class='hot']").css("background", "#c9cbcb"); // class为hot
$("#news a[class!='hot']").css("background", "#c9cbcb");// class不为hot
$("#news a[href^='www']").css("background","#c9cbcb");//以www开头
$("#news a[href$='html']").css("background", "#c9cbcb");//以html结尾
$("#news a[href*='k2']").css("background","#c9cbcb"); //包含"k2"的元素
2.
使用过滤选择器选择元素
基本过滤选择器
:eq(index) 选取索引等于index的元素（index从0开始）
:gt(index) 选取索引大于index的元素（index从0开始）
:lt(index) 选取索引小于index的元素（index从0开始）
:header 选取所有标题元素
:focus 选取当前获取焦点的元素
:animated 选取当前获取焦点的元素
可见性过滤选择器
:visible 选取所有可见的元素
:hidden 选取所有隐藏的元素
