今天就跟大家聊聊有關(guān)怎么在jquery中使用toggleClass()屬性更改背景顏色，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)建站是網(wǎng)站建設(shè)專家,致力于互聯(lián)網(wǎng)品牌建設(shè)與網(wǎng)絡(luò)營(yíng)銷，專業(yè)領(lǐng)域包括做網(wǎng)站、網(wǎng)站制作、電商網(wǎng)站制作開發(fā)、成都微信小程序、微信營(yíng)銷、系統(tǒng)平臺(tái)開發(fā)，與其他網(wǎng)站設(shè)計(jì)及系統(tǒng)開發(fā)公司不同，我們的整合解決方案結(jié)合了恒基網(wǎng)絡(luò)品牌建設(shè)經(jīng)驗(yàn)和互聯(lián)網(wǎng)整合營(yíng)銷的理念，并將策略和執(zhí)行緊密結(jié)合，且不斷評(píng)估并優(yōu)化我們的方案，為客戶提供全方位的互聯(lián)網(wǎng)品牌整合方案！

定義和用法

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è)類，請(qǐng)使用空格分隔類名。
function(index,currentclass)	可選。規(guī)定返回需要添加/刪除的一個(gè)或多個(gè)類名的函數(shù)。 index - 返回集合中元素的 index 位置。 currentclass - 返回被選元素的當(dāng)前類名。
switch	可選。布爾值，規(guī)定是否僅僅添加（true）或移除（false）類。

用法簡(jiǎn)介：

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>

jquery是什么

jquery是一個(gè)簡(jiǎn)潔而快速的JavaScript庫(kù)，它具有獨(dú)特的鏈?zhǔn)秸Z法和短小清晰的多功能接口、高效靈活的css選擇器，并且可對(duì)CSS選擇器進(jìn)行擴(kuò)展、擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件，是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(kù)，能夠用于簡(jiǎn)化事件處理、HTML文檔遍歷、Ajax交互和動(dòng)畫，以便快速開發(fā)網(wǎng)站。

看完上述內(nèi)容，你們對(duì)怎么在jquery中使用toggleClass()屬性更改背景顏色有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

文章名稱：怎么在jquery中使用toggleClass()屬性更改背景顏色
標(biāo)題來源：http://jinyejixie.com/article2/ppioic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供、網(wǎng)站維護(hù)、電子商務(wù)、軟件開發(fā)、小程序開發(fā)、服務(wù)器托管

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)