jQuery的changeclass(改變類)方法可以幫助我們修改HTML元素的類(class)屬性。如果你想要在鼠標指針在某個區域懸停時改變該區域的樣式,或者在點擊一個按鈕時改變另一個元素的樣式,那么這個方法就可以派上用場了。
$("按鈕元素").click(function(){ $("要改變的元素").toggleClass("舊樣式名 新樣式名"); });
其中,toggleClass()方法可以在類之間進行切換,也就是說,如果該元素已經包含了新樣式,那么toggleClass()方法會移除該新樣式,而不是再向該元素中添加新樣式。
如果你只想使用新樣式而移除該元素的所有其他樣式,可以使用attr()方法來達到這個目的:
$("按鈕元素").click(function(){ $("要改變的元素").attr("class", "新樣式名"); });
這樣就會將該元素的class屬性設置為新樣式名,從而移除所有其他樣式。