1、jQuery选择器的优势
1)简洁的语法
2)完善的处理机制
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标签里的内容变红色"
$("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、编译时要注意特殊符号和空格。