首頁 >web前端 >js教程 >怎麼使用jquery toggleClass()屬性製作文章段落改變背景顏色

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

php中世界最好的语言
php中世界最好的语言原創
2018-05-28 14:22:061895瀏覽

這次帶給大家怎樣使用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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn