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)來(lái)學(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需再刷新一下頁(yè)面才能執(zhí)行]
源碼打包下載
本篇講解：addClass(class),removeClass(class),toggleClass(class)的用法。
您對(duì)本系列文章有任何建議或意見請(qǐng)發(fā)送到郵箱：sjzlgt@qq.com
您可以到j(luò)Query官網(wǎng)來(lái)學(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需再刷新一下頁(yè)面才能執(zhí)行]
源碼打包下載
相關(guān)文章
解決IE9下JQuery發(fā)送ajax請(qǐng)求失效的方法
這篇文章介紹了解決IE9下JQuery發(fā)送ajax請(qǐng)求失效的方法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06
jquery獲取input type=text中的值的各種方式(總結(jié))
下面小編就為大家?guī)?lái)一篇jquery獲取input type=text中的值的各種方式(總結(jié))。小編覺的挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-12-12
jQuery 插件圖片切換 第一次自已償試寫插件，需要的朋友可以參考下2012-05-05
這幾天在做一個(gè)交互的原型，第一次大量采用jQueryUI，確實(shí)非常方便好用，其中一些功能點(diǎn)用到了彈出確認(rèn)提示框，看了jQueryUI Dialog的例子，效果還不錯(cuò)，就是用起來(lái)有點(diǎn)兒別扭2010-06-06
Mui使用jquery并且使用點(diǎn)擊跳轉(zhuǎn)新窗口的實(shí)例
下面小編就為大家?guī)?lái)一篇Mui使用jquery并且使用點(diǎn)擊跳轉(zhuǎn)新窗口的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-08-08
jQuery插件cxSelect多級(jí)聯(lián)動(dòng)下拉菜單實(shí)例解析
這篇文章主要為大家詳細(xì)解析了jQuery插件cxSelect多級(jí)聯(lián)動(dòng)下拉菜單實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-06-06
剛開始學(xué)jQuery，于是想試試學(xué)習(xí)效果，所以就做了個(gè)這個(gè)TextBox自動(dòng)完成條，練習(xí)練習(xí)。請(qǐng)牛人們別笑話。2009-07-07
這篇文章主要介紹了jquery append與appendTo方法區(qū)別的相關(guān)資料,需要的朋友可以參考下2017-05-05
通過jQuery源碼學(xué)習(xí)javascript(二)
昨天寫了篇通過jQuery源碼學(xué)習(xí)javascript（一），里面有一個(gè)定義對(duì)象C的方法，我早期也沒有太注意這個(gè)方面的技術(shù)細(xì)節(jié)。后來(lái)我查了一下資料，發(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