在jQuery中,我們可以使用addClass()
和removeClass()
來設置元素的類名樣式。
//添加類名樣式 $('selector').addClass('className'); //移除類名樣式 $('selector').removeClass('className');
jQuery還提供了一種使用toggleClass()
方法來切換類名樣式的方法。
//切換類名樣式 $('selector').toggleClass('className');
可以在toggle方法中添加判斷條件,以便更靈活地切換類名樣式。
//根據條件切換類名樣式 $('selector').toggleClass(function(){ if (condition) { return 'className1'; } else { return 'className2'; } });
通過jQuery設置類名樣式可以實現很多效果,如動態顯示隱藏元素、制作切換選項卡等。