jQuery Attributes(屬性)的使用(二、類篇)
更新時間:2009年12月16日 22:45:49 作者:
本系列文章主要講述jQuery框架的屬性(Attributes)使用方法,我將以實例方式進行講述,以簡單,全面為基礎,不會涉及很深,我的學習方法:先入門,后進階!
本系列文章分為:屬性篇、類篇、Html代碼篇、文本篇、值篇共5篇文章。
本篇講解:addClass(class),removeClass(class),toggleClass(class)的用法。
您對本系列文章有任何建議或意見請發(fā)送到郵箱:sjzlgt@qq.com
您可以到jQuery官網(wǎng)來學習更多的有關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
您可以到jQuery官網(wǎng)來學習更多的有關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í)行]
源碼打包下載
相關文章
jquery獲取input type=text中的值的各種方式(總結(jié))
下面小編就為大家?guī)硪黄猨query獲取input type=text中的值的各種方式(總結(jié))。小編覺的挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
Mui使用jquery并且使用點擊跳轉(zhuǎn)新窗口的實例
下面小編就為大家?guī)硪黄狹ui使用jquery并且使用點擊跳轉(zhuǎn)新窗口的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
jQuery插件cxSelect多級聯(lián)動下拉菜單實例解析
這篇文章主要為大家詳細解析了jQuery插件cxSelect多級聯(lián)動下拉菜單實例,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-06-06
基于pthread_create,readlink,getpid等函數(shù)的學習與總結(jié)
以下是對pthread_create,readlink,getpid等函數(shù)的用法進行了詳細的分析介紹,需要的朋友可以參考下2013-07-07

