怎么在jquery中使用toggleClass()屬性更改背景顏色

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

定義和用法

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

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

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

語(yǔ)法

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

用法簡(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(yǔ)法和短小清晰的多功能接口、高效靈活的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)注億速云行業(yè)資訊頻道，感謝大家的支持。