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

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

定義和用法

toggleClass() 方法對添加和移除被選元素的一個或多個類進行切換。

該方法檢查每個元素中指定的類。如果不存在則添加類，如果已設置則刪除之。這就是所謂的切換效果。

然而，通過使用 "switch" 參數(shù)，您能夠規(guī)定只刪除或只添加類。

語法

$(selector).toggleClass(classname,function(index,currentclass),switch)

參數(shù)	描述
classname	必需。規(guī)定添加或移除的一個或多個類名。如需規(guī)定若干個類，請使用空格分隔類名。
function(index,currentclass)	可選。規(guī)定返回需要添加/刪除的一個或多個類名的函數(shù)。 index - 返回集合中元素的 index 位置。 currentclass - 返回被選元素的當前類名。
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>

jquery是什么

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

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

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

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

廣告

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