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的字体变成了粉色。

基本选择器就到这里 请继续观看下集层次选择器！