這次帶給大家怎樣使用jquery toggleClass()屬性製作文章段落更改背景顏色,使用jquery toggleClass()屬性製作文章段落更改背景顏色的注意事項有哪些,下面就是實戰案例,一起來看一下。
定義與用法
toggleClass() 方法對新增和移除被選元素的一個或多個類別進行切換。
該方法檢查每個元素中指定的類別。如果不存在則新增類,如果已設定則刪除之。這就是所謂的切換效果。
然而,透過使用 "switch" 參數,您能夠規定只刪除或只新增類別。
語法
$(selector).toggleClass(classname,function(index,currentclass),switch)
參數 | #描述 |
---|---|
classname | 必需。規定新增或移除的一個或多個類別名稱。如需規定若干個類,請使用空格分隔類名。 |
function(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中文網其他相關文章!