jQuery-jQuery Css方法（addClass、toggleClass）

你需要在body中寫一對div，然後在css檔案中寫下如下代碼

.style1{
    width: 100px;
    height: 100px;
    background-color: aqua;
}

.style2{
    width: 100px;
    height: 100px;
    background-color: blue;
}
           

在js檔案中寫下如下代碼

$(document).ready(function(){
  $("div").addClass("style1");
  //通過addClass方法來給div添加css樣式

  $("div").click(function(){
   $(this).toggleClass("style2");
  });
  //通過toggleClass方法來進行樣式的切換
});
           

運作界面

點選一次

總結：

       addClass是添加css樣式，而toggleClass是在兩個樣式之間進行切換

注：記得别忘記引入jQuery檔案、js檔案和css檔案