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

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

此方法從符合元素中刪除一個或多個類別。
依方法參數的不同，有以下幾種語法結構。

語法結構一:
方法沒有參數。把匹配元素所有的類別都移除。

複製程式碼 程式碼如下:

$(selector).removeClass()

實例碼:

程式碼可以將div的所有css類別刪除。

複製程式碼 程式碼如下:

腳本之家歡迎您

點選查看效果

語法結構二:

移除符合元素中指定的類別

複製程式碼 程式碼如下:

$(selector).removeClass(class)

参数	描述
class	一个或多个要删除的CSS类名。类名之间用空格分隔。

實例碼:

實例一:

複製程式碼 程式碼如下:

 

腳本之家歡迎您

  點選查看效果

移除一個指定的類別。

實例二:

複製程式碼 程式碼如下:

腳本之家歡迎您

點選查看效果

移除兩個CSS類，類別名稱之間以空格分隔。

語法結構三:

複製程式碼 程式碼如下:

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

函數傳回要移除的類別名稱。

參數列表:

参数	描述
function(index,oldclass)	方法返回一个或多个空格分隔的要被移除的class名。 index - 可选，接受选择器的index 位置。 oldclass - 可选，接受选择器的原有类值。

實例碼:

實例一:

複製程式碼 程式碼如下:

 

腳本之家歡迎您

  點選查看效果

用函數當參數，函數傳回一個要刪除的CSS類別名稱。

實例二:

複製程式碼 程式碼如下:

腳本之家歡迎您

點選查看效果

用函數當參數，函數傳回兩個要刪除的CSS類別名，類別名之間用空格分隔。