今天要跟大家分享一下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的字體變成了粉色。
基本選擇器就到這里 請繼續觀看下集層次選擇器!