通過jquery toggleClass()屬性制作文章段落更改背景顏色
定義和用法
toggleClass() 方法對(duì)添加和移除被選元素的一個(gè)或多個(gè)類進(jìn)行切換。
該方法檢查每個(gè)元素中指定的類。如果不存在則添加類,如果已設(shè)置則刪除之。這就是所謂的切換效果。
然而,通過使用 "switch" 參數(shù),您能夠規(guī)定只刪除或只添加類。
語法
$(selector).toggleClass(classname,function(index,currentclass),switch)
參數(shù) | 描述 |
---|---|
classname | 必需。規(guī)定添加或移除的一個(gè)或多個(gè)類名。如需規(guī)定若干個(gè)類,請使用空格分隔類名。 |
function(index,currentclass) | 可選。規(guī)定返回需要添加/刪除的一個(gè)或多個(gè)類名的函數(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()屬性制作文章段落更改背景顏色,希望對(duì)大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- jQuery點(diǎn)擊改變class并toggle及toggleClass()方法定義用法
- jQuery使用toggleClass方法動(dòng)態(tài)添加刪除Class樣式的方法
- jQuery中toggleClass()方法用法實(shí)例
- 用jQuery toggleClass 實(shí)現(xiàn)鼠標(biāo)移上變色
- jQuery toggleClass應(yīng)用實(shí)例(附效果圖)
- jQuery方法簡潔實(shí)現(xiàn)隔行換色及toggleClass的使用
- jQuery中與toggleClass等價(jià)的程序段 以及未來學(xué)習(xí)的方向
相關(guān)文章
Bootstrop實(shí)現(xiàn)多級(jí)下拉菜單功能
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發(fā)更加快捷。本文重點(diǎn)給大家介紹bootstrap實(shí)現(xiàn)多級(jí)下拉菜單功能的實(shí)例代碼,感興趣的朋友一起學(xué)習(xí)吧2016-11-11jQuery插件學(xué)習(xí)教程之SlidesJs輪播+Validation驗(yàn)證
這篇文章主要介紹了jQuery插件學(xué)習(xí)教程之SlidesJs輪播+Validation驗(yàn)證的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07jquery ui dialog ie8出現(xiàn)滾動(dòng)條的解決方法
jquery ui 的 dialog 在IE8下會(huì)出現(xiàn)不該出現(xiàn)的滾動(dòng)條,在JQUI的FORUM上SEARCH下,發(fā)現(xiàn)也有人碰上,當(dāng)解決辦法就是把滾動(dòng)條隱藏2010-12-12jQuery實(shí)現(xiàn)百葉窗焦點(diǎn)圖動(dòng)畫效果代碼分享(附源碼下載)
這篇文章主要介紹了jQuery實(shí)現(xiàn)百葉窗焦點(diǎn)圖動(dòng)畫效果代碼分享(附源碼下載)的相關(guān)資料,需要的朋友可以參考下2016-03-03自制輕量級(jí)仿jQuery.boxy對(duì)話框插件代碼
最近再做價(jià)值中國微博,從用戶體驗(yàn)的角度,將很多常用的window.alert或者window.confirm之類比較生硬死板冷不丁的提示改為彈出層的方式實(shí)現(xiàn)。2010-10-10jQuery中filter(),not(),split()使用方法
jQuery下一些查找過濾功能filter(),not(),split()用法,可以讓jquery更容易的操作控制頁面元素。2010-07-07jquery插件制作 手風(fēng)琴Panel效果實(shí)現(xiàn)
我們今天要做的是手風(fēng)琴panel,jquery.ui里面有個(gè)叫做accordtion的插件,我們要實(shí)現(xiàn)的效果和他一樣2012-08-08