怎麼使用jquery toggleClass()屬性製作文章段落改變背景顏色

這次帶給大家怎樣使用jquery toggleClass()屬性製作文章段落更改背景顏色，使用jquery toggleClass()屬性製作文章段落更改背景顏色的注意事項有哪些，下面就是實戰案例，一起來看一下。

定義與用法

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

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

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

語法

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

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

用法簡介：

#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中文網其它相關文章！

推薦閱讀：

怎麼對Vue應用全域設定404頁面

怎麼使用nodejs express設定自簽名https伺服器##########

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