通過jquery toggleClass()屬性制作文章段落更改背景顏色
更新時間：2018年05月21日 14:54:15 投稿：mrr
jQuery制作文章段落更改背景顏色屬性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 鍵盤事件的幾個基本方法(練習(xí)jQuery插件擴展)2009-10-10
jquery是輕量級的js庫(壓縮后只有21k) ，它兼容CSS3，還兼容各種瀏覽器。由于jQuery對象本身是一個集合。所以如果jQuery對象要轉(zhuǎn)換為dom對象則必須取出其中的某一項，一般可通過索引取出。2011-08-08
js獲取方法要比jq的方法麻煩的多，主要是因為FF瀏覽器，因為FF瀏覽器也會把換行當作dom元素，下面跟著小編一起來學(xué)習(xí)js jquery獲取當前元素的兄弟級 上一個 下一個元素的，需要的朋友一起來學(xué)習(xí)吧2015-09-09
jQuery事件綁定用法詳解(附bind和live的區(qū)別)
這篇文章主要介紹了jQuery事件綁定用法,結(jié)合實例形式較為詳細的分析了jQuery事件綁定的實現(xiàn)原理與相關(guān)注意事項,并附帶了相關(guān)綁定方法的使用說明,重點介紹了bind和live的區(qū)別,需要的朋友可以參考下2016-01-01
今天我們介紹的是提示框插件tooltip的制作，其中還會介紹到自定義選擇器插件的開發(fā)2012-08-08
得到j(luò)Query detach()后節(jié)點中的某個值實現(xiàn)代碼
需要jQuery -detach 后的dom 結(jié)構(gòu)或某個值，如何獲取到呢？一直困惑著我們，不過本文將為大家解開疑惑，感興趣的朋友可以了解下，或許本文對你有所幫助2013-02-02
jquery對<select>的操作比較麻煩，我把常用的收集如下2011-03-03
除了全局函數(shù)外，jquery中的大多數(shù)插件都是通過jquery對象的方法提供的2012-08-08
jquery.Jwin.js 基于jquery的彈出層插件代碼
測試頁面需要引用jquery的js文件 插件文件jquery.Jwin.js jquery.Jwin插件的使用參數(shù)都有詳細說明2012-05-05
獲得內(nèi)容 - text()、html() 以及 val()，attr()方法用于獲取屬性值，下面有個不錯的示例，感興趣的朋友可以參考下2014-01-01