透過jquery toggleClass()屬性製作文章段落改變背景顏色的方法

這篇文章主要介紹了透過jquery toggleClass()屬性製作文章段落更改背景顏色的方法，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

jQuery製作文章段落更改背景顏色屬性jquery toggleClass()屬性。文中給大家附實例程式碼和原始碼，有興趣的朋友參考下吧

定義和用法

toggleClass() 方法對新增和移除被選元素的一個或多個類別進行切換。

該方法檢查每個元素中指定的類別。如果不存在則新增類，如果已設定則刪除之。這就是所謂的切換效果。

然而，透過使用 "switch" 參數，您能夠規定只刪除或只新增類別。

語法

$(selector).toggleClass(classname,function(index,currentclass),switch)

##classname 必要。規定新增或移除的一個或多個類別名稱。如需規定若干個類，請使用空格分隔類名。 function(index,currentclass)可選。規定傳回需要新增/刪除的一個或多個類別名稱的函數。 switch可選。布林值，規定是否僅新增（true）或移除（false）類別。

#參數	描述
	index - 傳回集合中元素的 index 位置。 currentclass - 傳回被選元素的目前類別名稱。

用法簡介：

#jQuery製作文章段落變更背景顏色屬性jquery toggleClass()屬性。

效果圖如下：

檔案引用：

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("input").click(function(){
  $("p").toggleClass("main");
 });
});
</script>

#以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！

相關推薦：

jquery引入外部CDN 載入失敗則引入本地jq庫的方法

##jquery.onoff實現的開關按鈕功能

#

以上是透過jquery toggleClass()屬性製作文章段落改變背景顏色的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！