jQuery新增/改變/移除CSS類別及判斷是否已經存在CSS_jquery

改變頁面元素樣式使用Javascript也可實現，但有沒有更簡潔的辦法，答案是肯定的，現在有了jQuery，似乎讓Js代碼瘦身了不少，應驗了那句話：“jQuery讓JavaScript程式碼變得簡潔！

1. removeClass() - 移除CSS類別

$("#target").removeClass("oldClass"); 
//#target 指的是需要移除CSS类的元素的ID 
//oldClass 指的是CSS类的名称

2.addClass() - 新增CSS類別

$("#target").addClass("newClass"); 
//#target 指的是需要添加样式的元素的ID 
//newClass 指的是CSS类的名称

3. toggleClass() - 增加或移除CSS類別：如果CSS類別已經存在，它將被移除；相反，如果CSS類別不存在，它將被加上。

$("#target").toggleClass("newClass") 
//如果ID为“target”的元素已经定义了CSS样式，它将被移除； 
//反之，CSS类“newClass”将被赋给该ID

4.hasClass("className") - 判斷是否已經存在CSS

在實際運用中，我們通常是先定義好這些CSS類，然後透過Javascript事件觸發（例如點擊某個按鈕）來改變頁面元素樣式。此外，jQuery也提供一個方法 hasClass("className")，用來判斷某個元素是否已經被賦予某個CSS類別。順便告訴前端開發的新手，jquery是值得擁有的，有空了好好研究。