jQuery是一種著名的JavaScript庫,用于簡化HTML文檔的操縱與事件的處理。在jQuery中,添加類(class)是一項相當常見的任務,可以使用 .addClass() 方法來實現。下面是一些 .addClass() 方法的示例:
// 將.active類添加到當前元素中 $(this).addClass("active"); // 將兩個類同時添加到當前元素中 $(this).addClass("active hover"); // 使用函數來確定需要添加的類 $(this).addClass(function(index, currentClass) { if (currentClass === "odd") { return "even"; } else { return "odd"; } });
需要注意的是,如果元素已經有了要添加的類,那么 .addClass() 方法將不會再次添加相同的類。此外,jQuery還提供了 .removeClass() 和 .toggleClass() 方法,用于刪除和切換類名。例如:
// 將.active類從當前元素中刪除 $(this).removeClass("active"); // 切換.active類的存在,如果該類已經存在則刪除它,否則添加它 $(this).toggleClass("active");
總之,使用 jQuery 的 .addClass()、.removeClass() 和 .toggleClass() 方法可以輕松地操縱 HTML 元素的類名,從而實現 CSS 樣式的改變和動畫效果的實現。