jQuery的change class是一種常用的操作,它可以動(dòng)態(tài)地改變HTML元素的類。
// 給元素添加新的類 $('selector').addClass('new-class'); // 刪除元素中指定的類 $('selector').removeClass('old-class'); // 切換元素的類 $('selector').toggleClass('class-to-toggle');
使用addClass()方法可以在元素上添加一個(gè)新的類,removeClass()方法可以移除一個(gè)指定的類,而toggleClass()方法則可以在指定的元素上切換與指定類相關(guān)的CSS樣式。
例如,當(dāng)點(diǎn)擊按鈕時(shí),可以用addClass()方法添加一個(gè)active類,將按鈕的背景顏色更改為橙色:
$('button').on('click', function(){ $(this).addClass('active'); });
又如,在下拉菜單中,當(dāng)鼠標(biāo)指針移到列表項(xiàng)上時(shí),可以用toggleClass()方法變換列表項(xiàng)的背景色:
$('li').hover(function(){ $(this).toggleClass('hovered'); });
總之,通過改變HTML元素的類,可以實(shí)現(xiàn)動(dòng)態(tài)更改頁面的外觀和功能。