jQuery Attributes(屬性)的使用(二、類篇)

本系列文章分為：屬性篇、類篇、Html代碼篇、文本篇、值篇共5篇文章。
本篇講解：addClass(class),removeClass(class),toggleClass(class)的用法。
您對本系列文章有任何建議或意見請發送到郵箱：sjzlgt@qq.com
您可以到jQuery官網來學習更多的有關jQuery知識。
. addClass(class)用法
定義：為每個匹配的元素添加指定的類名。
傳回值：Object
參數：class (String) : 一個或多個要添加到元素中的CSS類名，多個請用空格分開
執行個體：將ID為"div_a1"的DIV中第所有圖片加上 'redBorder' 類 。
代碼：$("#div_a1 img").addClass("redBorder");

2. removeClass(class)用法
定義：從所有匹配的元素中刪除全部或者指定的類。
傳回值：Object
參數：class (String) : (可選) 一個或多個要刪除的CSS類名，多個請用空格分開
執行個體：將ID為"div_b1"的DIV中第所有圖片刪除 'redBorder' 類 。
代碼：$("#div_b1 img").removeClass("redBorder");

3. toggleClass(class)用法
定義：如果存在（不存在）就刪除（添加）一個類。
傳回值：Object
參數：class (String) :CSS類名
執行個體：將ID為"div_c1"的DIV中第所有圖片切換 'redBorder' 類 。代碼： $("#div_c1 img").toggleClass("redBorder");

運行後，需要重新整理一下，以便載入jquery xmlns="http://www.w3.org/1999/xhtml" >

jQuery-Attributes(屬性)的使用(
二、類篇)

本系列文章主要講述jQuery架構的屬性(Attributes)使用方法，我將以執行個體方式進行講述，以簡單，全面為基礎，不會涉及
很深，我的學習方法：先入門，後進階！

本系列文章分為：屬性篇、類篇、Html代碼篇、文本篇、值篇共5篇文章。

本篇講解：addClass(class),removeClass(class),toggleClass(class)的用法。

您對本系列文章有任何建議或意見請發送到郵箱：sjzlgt@qq.com

您可以到jQuery官網來學習更多的有關jQuery知識。
著作權：code-cat 部落格:http://www.cnblogs.com/bynet 轉載請保留原作者、出處和著作權資訊！1. addClass(class)用法

定義：為每個匹配的元素添加指定的類名。

傳回值：Object

參數：class (String) : 一個或多個要添加到元素中的CSS類名，多個請用空格分開

執行個體：將ID為"div_a1"的DIV中第所有圖片加上 'redBorder' 類 。
代碼： $("#div_a1 img").addClass("redBorder");
//點擊按鈕一看效果

DIV ID="div_a1"


2. removeClass(class)用法

定義：從所有匹配的元素中刪除全部或者指定的類。

傳回值：Object

參數：class (String) : (可選) 一個或多個要刪除的CSS類名，多個請用空格分開

執行個體：將ID為"div_b1"的DIV中第所有圖片刪除 'redBorder' 類 。
代碼： $("#div_b1 img").removeClass("redBorder"); //點擊按鈕二看效果

DIV ID="div_b1"


3. toggleClass(class)用法

定義：如果存在（不存在）就刪除（添加）一個類。

傳回值：Object

參數：class (String) :CSS類名

執行個體：將ID為"div_c1"的DIV中第所有圖片切換 'redBorder' 類 。
代碼： $("#div_c1 img").toggleClass("redBorder"); //點擊按鈕三看效果

DIV ID="div_c1"