通過jquery toggleClass()屬性制作文章段落更改背景顏色
定義和用法
toggleClass() 方法對添加和移除被選元素的一個或多個類進行切換。
該方法檢查每個元素中指定的類。如果不存在則添加類,如果已設(shè)置則刪除之。這就是所謂的切換效果。
然而,通過使用 "switch" 參數(shù),您能夠規(guī)定只刪除或只添加類。
語法
$(selector).toggleClass(classname,function(index,currentclass),switch)
參數(shù) | 描述 |
---|---|
classname | 必需。規(guī)定添加或移除的一個或多個類名。如需規(guī)定若干個類,請使用空格分隔類名。 |
function(index,currentclass) | 可選。規(guī)定返回需要添加/刪除的一個或多個類名的函數(shù)。
|
switch | 可選。布爾值,規(guī)定是否僅僅添加(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>
總結(jié)
以上所述是小編給大家介紹的通過jquery toggleClass()屬性制作文章段落更改背景顏色,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
jQuery插件學(xué)習(xí)教程之SlidesJs輪播+Validation驗證
這篇文章主要介紹了jQuery插件學(xué)習(xí)教程之SlidesJs輪播+Validation驗證的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-07-07jquery ui dialog ie8出現(xiàn)滾動條的解決方法
jquery ui 的 dialog 在IE8下會出現(xiàn)不該出現(xiàn)的滾動條,在JQUI的FORUM上SEARCH下,發(fā)現(xiàn)也有人碰上,當(dāng)解決辦法就是把滾動條隱藏2010-12-12jQuery實現(xiàn)百葉窗焦點圖動畫效果代碼分享(附源碼下載)
這篇文章主要介紹了jQuery實現(xiàn)百葉窗焦點圖動畫效果代碼分享(附源碼下載)的相關(guān)資料,需要的朋友可以參考下2016-03-03jQuery中filter(),not(),split()使用方法
jQuery下一些查找過濾功能filter(),not(),split()用法,可以讓jquery更容易的操作控制頁面元素。2010-07-07jquery插件制作 手風(fēng)琴Panel效果實現(xiàn)
我們今天要做的是手風(fēng)琴panel,jquery.ui里面有個叫做accordtion的插件,我們要實現(xiàn)的效果和他一樣2012-08-08