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