jQuery選擇器——基本選擇器總結(jié)

YYH圖書 2017-05-13

展開全文

今天要跟大家分享一下jQuery選擇器的使用方法，它的選擇器分為四大類如圖：

基本選擇器的使用：

jQuery選擇器——基本選擇器總結(jié)

1.id選擇器

案例：    id='notMe'
    id='myDiv'
使用方法：        $('#myDiv').css('color','red');使用結(jié)果：

分析： $('#myDiv')是選擇了為myDiv的id使它的字體變成了紅色。

2.element選擇器

案例：    DIV1
    DIV2
    SPAN使用方法：        $('div').css('color','red');使用結(jié)果：

分析： $('div')是選擇了為div的元素使它的字體變成了紅色。

3.class選擇器

案例：    div class='notMe'
    div class='myClass'
    span class='myClass'使用方法：        $('.myClass').css('color','yellow');使用結(jié)果：

分析：$('.myClass')是選擇了為myClass的class使它的字體變成了黃色。

4.*選擇器

案例：    DIV
    SPAN    P
使用方法：        $('*').css('color','blue');使用結(jié)果：

分析：$('*')是選擇了所有的字體變成了藍色。

5.組合使用選擇器

案例：    div
    p class='myClass'
    span    p class='notMyClass'
使用方法：        $('div,span,.myClass').css('color','pink');使用結(jié)果：

jQuery選擇器——基本選擇器總結(jié)

分析：$('div,span,.myClass')是選擇div，span的元素和myClass的class的字體變成了粉色。

基本選擇器就到這里請繼續(xù)觀看下集層次選擇器！

本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息，謹防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點擊一鍵舉報。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻花（0） +1

來自： YYH圖書 > 《技術(shù)文檔》

舉報/認領(lǐng)

0條評論

請遵守用戶評論公約

類似文章 更多

一区二区三区日韩精品-日韩经典一区二区三区-五月激情综合丁香婷婷-欧美精品中文字幕专区