jQuery Attributes(屬性)的使用(二、類篇)
更新時間：2009年12月16日 22:45:49 作者：
本系列文章主要講述jQuery框架的屬性(Attributes)使用方法，我將以實例方式進行講述，以簡單，全面為基礎(chǔ)，不會涉及很深，我的學習方法：先入門，后進階！
本系列文章分為：屬性篇、類篇、Html代碼篇、文本篇、值篇共5篇文章。
本篇講解：addClass(class),removeClass(class),toggleClass(class)的用法。
您對本系列文章有任何建議或意見請發(fā)送到郵箱：sjzlgt@qq.com
您可以到jQuery官網(wǎng)來學習更多的有關(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
您可以到jQuery官網(wǎng)來學習更多的有關(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讀取html5 localstorage的值的方法
在HTML 5中，localstorage是個不錯的東西，在支持localstorage的瀏覽器中， 能持久化用戶表單的輸入，即使關(guān)掉瀏覽器，下次重新打開瀏覽器訪問，也能讀出其值,很不錯的一個東西，接下來實例介紹，需要的朋友可以參考下2013-01-01
今天總結(jié)一下jQuery事件，這是比較重要的一塊，希望本次總結(jié)能幫助到很多同我一樣的新手2014-06-06
這篇文章主要介紹了jQuery中:checked選擇器用法,實例分析了:checked選擇器的功能、定義及選取選中的復選框或單選按鈕時的使用技巧,需要的朋友可以參考下2015-01-01
360全景就是視角超過人的正常視角的圖像，而我們這里說的全景特指水平視角360度，垂直視角180度的圖像?？梢匀翱臻g里進行切換，達到瀏覽各個不同場景360全景展示的目的。2015-03-03
本文給大家分享jquery中map函數(shù)的兩種方式，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-04-04
jquery ajax加載數(shù)據(jù)前臺渲染方式 不用for遍歷的方法
今天小編就為大家分享一篇jquery ajax加載數(shù)據(jù)前臺渲染方式 不用for遍歷的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
Ztree是一個使用jQuery實現(xiàn)的JSP頁面的各種功能樹，本文介紹一個異步獲取數(shù)據(jù)到下拉樹的實現(xiàn)方式,感興趣的朋友可以了解下，或許對你學習ztree有所幫助2013-02-02
隨著WEB2.0及ajax思想在互聯(lián)網(wǎng)上的快速發(fā)展傳播，陸續(xù)出現(xiàn)了一些優(yōu)秀的Js框架，其中比較著名的有Prototype、YUI、jQuery、mootools、Bindows以及國內(nèi)的JSVM框架等2011-01-01
jQuery是一個快速、簡潔的JavaScript框架,目前jQuery有1.x、2.x、3.x三個版本,在jQuery官網(wǎng)（http://jquery.com/）可以查看,2.x、3.x不是?1.x?的后續(xù)或者升級版本,他們是同時更新迭代的,現(xiàn)在使用最廣的版本都是1.x的2023-09-09
這篇文章主要介紹了jQuery animate easing使用方法詳解的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06