前端開發中,我們經常需要修改或替換網頁中的 CSS 樣式。使用 jQuery 可以輕松地實現此功能。
// 通過 ID 選擇器選擇要修改的元素,并使用 .css() 方法修改樣式 $("#element-id").css("color", "red"); // 使用 .addClass() 方法添加 CSS 類 $("#element-id").addClass("new-class"); // 使用 .removeClass() 方法移除 CSS 類 $("#element-id").removeClass("old-class"); // 使用 .toggleClass() 方法切換 CSS 類 $("#element-id").toggleClass("old-class new-class");
除了以上方法,jQuery 還提供了多種修改樣式的函數,如 .width()、.height()、.show()、.hide() 等方法。如需查看更多相關方法,請參考 jQuery 文檔。
總的來說,使用 jQuery 替換 CSS 樣式非常簡單快捷,可以大大提高我們的開發效率。