jQuery选择器---基本选择器总结
今天要跟大家分享一下jQuery选择器的使用方法,它的选择器分为四大类 如图:

基本选择器的使用:

1.id选择器
案例:
id="notMe"
id="myDiv"
使用方法:
$("#myDiv").css("color","red");
使用结果:

分析:
$("#myDiv")是选择了为myDiv的id使它的字体变成了红色。
2.element选择器
案例:
DIV1
DIV2
SPAN
使用方法:
$("div").css("color","red");
使用结果:
分析:
$("div")是选择了为div的元素使它的字体变成了红色。
3.class选择器
案例:
div class="notMe"
div class="myClass"
span class="myClass"
使用方法:
$(".myClass").css("color","yellow");
使用结果:

分析:$(".myClass")是选择了为myClass的class使它的字体变成了黄色。
4.*选择器
案例:
DIV
SPAN
P
使用方法:
$("*").css("color","blue");
使用结果:
分析:$("*")是选择了所有的字体变成了蓝色。
5.组合使用选择器
案例:
div
p class="myClass"
span
p class="notMyClass"
使用方法:
$("div,span,.myClass").css("color","pink");
使用结果:
分析:$("div,span,.myClass")是选择div,span的元素和myClass的class的字体变成了粉色。
基本选择器就到这里 请继续观看下集层次选择器!
浙公网安备 33010602011771号