jQuery Attributes(屬性)的使用(二、類篇)
更新時(shí)間:2009年12月16日 22:45:49 作者:
本系列文章主要講述jQuery框架的屬性(Attributes)使用方法,我將以實(shí)例方式進(jìn)行講述,以簡(jiǎn)單,全面為基礎(chǔ),不會(huì)涉及很深,我的學(xué)習(xí)方法:先入門,后進(jìn)階!
本系列文章分為:屬性篇、類篇、Html代碼篇、文本篇、值篇共5篇文章。
本篇講解:addClass(class),removeClass(class),toggleClass(class)的用法。
您對(duì)本系列文章有任何建議或意見請(qǐng)發(fā)送到郵箱:sjzlgt@qq.com
您可以到j(luò)Query官網(wǎng)來學(xué)習(xí)更多的有關(guān)jQuery知識(shí)。
. addClass(class)用法
定義:為每個(gè)匹配的元素添加指定的類名。
返回值:Object
參數(shù):class (String) : 一個(gè)或多個(gè)要添加到元素中的CSS類名,多個(gè)請(qǐng)用空格分開
實(shí)例:將ID為"div_a1"的DIV中第所有圖片加上 'redBorder' 類 。
代碼:$("#div_a1 img").addClass("redBorder");
2. removeClass(class)用法
定義:從所有匹配的元素中刪除全部或者指定的類。
返回值:Object
參數(shù):class (String) : (可選) 一個(gè)或多個(gè)要?jiǎng)h除的CSS類名,多個(gè)請(qǐng)用空格分開
實(shí)例:將ID為"div_b1"的DIV中第所有圖片刪除 'redBorder' 類 。
代碼:$("#div_b1 img").removeClass("redBorder");
3. toggleClass(class)用法
定義:如果存在(不存在)就刪除(添加)一個(gè)類。
返回值:Object
參數(shù):class (String) :CSS類名
實(shí)例:將ID為"div_c1"的DIV中第所有圖片切換 'redBorder' 類 。代碼: $("#div_c1 img").toggleClass("redBorder");
運(yùn)行后,需要刷新一下,以便加載jquery
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
源碼打包下載
本篇講解:addClass(class),removeClass(class),toggleClass(class)的用法。
您對(duì)本系列文章有任何建議或意見請(qǐng)發(fā)送到郵箱:sjzlgt@qq.com
您可以到j(luò)Query官網(wǎng)來學(xué)習(xí)更多的有關(guān)jQuery知識(shí)。
. addClass(class)用法
定義:為每個(gè)匹配的元素添加指定的類名。
返回值:Object
參數(shù):class (String) : 一個(gè)或多個(gè)要添加到元素中的CSS類名,多個(gè)請(qǐng)用空格分開
實(shí)例:將ID為"div_a1"的DIV中第所有圖片加上 'redBorder' 類 。
代碼:$("#div_a1 img").addClass("redBorder");
2. removeClass(class)用法
定義:從所有匹配的元素中刪除全部或者指定的類。
返回值:Object
參數(shù):class (String) : (可選) 一個(gè)或多個(gè)要?jiǎng)h除的CSS類名,多個(gè)請(qǐng)用空格分開
實(shí)例:將ID為"div_b1"的DIV中第所有圖片刪除 'redBorder' 類 。
代碼:$("#div_b1 img").removeClass("redBorder");
3. toggleClass(class)用法
定義:如果存在(不存在)就刪除(添加)一個(gè)類。
返回值:Object
參數(shù):class (String) :CSS類名
實(shí)例:將ID為"div_c1"的DIV中第所有圖片切換 'redBorder' 類 。代碼: $("#div_c1 img").toggleClass("redBorder");
運(yùn)行后,需要刷新一下,以便加載jquery
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
源碼打包下載
相關(guān)文章
解決IE9下JQuery發(fā)送ajax請(qǐng)求失效的方法
這篇文章介紹了解決IE9下JQuery發(fā)送ajax請(qǐng)求失效的方法,文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-06-06jquery獲取input type=text中的值的各種方式(總結(jié))
下面小編就為大家?guī)硪黄猨query獲取input type=text中的值的各種方式(總結(jié))。小編覺的挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-12-12Mui使用jquery并且使用點(diǎn)擊跳轉(zhuǎn)新窗口的實(shí)例
下面小編就為大家?guī)硪黄狹ui使用jquery并且使用點(diǎn)擊跳轉(zhuǎn)新窗口的實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08jQuery插件cxSelect多級(jí)聯(lián)動(dòng)下拉菜單實(shí)例解析
這篇文章主要為大家詳細(xì)解析了jQuery插件cxSelect多級(jí)聯(lián)動(dòng)下拉菜單實(shí)例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-06-06通過jQuery源碼學(xué)習(xí)javascript(二)
昨天寫了篇通過jQuery源碼學(xué)習(xí)javascript(一),里面有一個(gè)定義對(duì)象C的方法,我早期也沒有太注意這個(gè)方面的技術(shù)細(xì)節(jié)。后來我查了一下資料,發(fā)現(xiàn)里面有很多巧的地方。今天與大家分享2012-12-12基于pthread_create,readlink,getpid等函數(shù)的學(xué)習(xí)與總結(jié)
以下是對(duì)pthread_create,readlink,getpid等函數(shù)的用法進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以參考下2013-07-07