jQuery是現今最流行的 JavaScript 庫之一,它的特點是輕量、快速、簡潔,方便客戶端開發人員使用,其中class的操作更是常用的一個功能。
在jQuery中,通過addClass、removeClass、toggleClass等方法可以很方便地操作class。
$(document).ready(function(){ //給元素添加類名 $("div").addClass("highlight"); //移除元素的類名 $("div").removeClass("highlight"); //切換元素的類名 $("div").toggleClass("highlight"); });
當然,還可以選擇器和attribute等條件對class進行操作,例如:
$(document).ready(function(){ //選擇指定class的元素,給它添加新的class名 $(".oldclass").addClass("newclass"); //選擇指定class的元素,移除它的class名 $(".oldclass").removeClass("newclass"); //選擇指定class的元素,同時給它添加和移除class名,實現切換功能 $(".oldclass").toggleClass("newclass"); });
除了以上常用功能外,Jquery還提供了其他豐富的class操作方法,比如hasClass、unwrap等等,可根據具體需求選擇使用。
通過這些簡單易用的class操作,jQuery讓前端開發工作變得更加高效和方便。