首頁 > web前端 > js教程 > 透過jquery toggleClass()屬性製作文章段落改變背景顏色的方法

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

不言
發布: 2018-07-04 11:48:00
原創
1920 人瀏覽過

這篇文章主要介紹了透過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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板