jQuery中addClass()方法用法實例_jquery

本文實例講述了jQuery中addClass()方法用法。分享給大家供大家參考。具體分析如下：

此方法為匹配元素新增一個或多個類別。
此方法有多種語法形式。

語法結構一:

為匹配元素新增指定的類別名稱。如果要一次新增多個類別名，它們之間要用空格分隔。

複製程式碼 程式碼如下:

$(selector).addClass(class)

參數列表:

参数	描述
class	定义被添加类的名称

實例碼:

複製程式碼 程式碼如下:

腳本之家歡迎您

點選查看效果

以上程式碼可以為div新增兩個類，能夠設定div的邊框和字體的樣式。

語法結構二:

以函數的回傳值作為要新增的類別名稱。

複製程式碼 程式碼如下:

$(selector).addClass(function(index,oldclass))

參數列表:

参数	描述
function(index,oldclass)	函数定义返回需要添加的一个或多个类名。 index - 可选，接受选择器的索引位置。 oldclass- 可选，接受选择器的当前的类名。

實例碼:

複製程式碼程式碼如下：

  點選查看效果
身體>

上面程式碼和第一個實例的功能是一樣的，只要新增的類別是透過函數傳回值得到的。

希望本文對大家介紹的 jQuery 程式設計有所幫助。