jQuery Class Toggle是一種jQuery的方法,可以很方便地切換HTML元素的類。這個方法允許你在HTML元素上添加或刪除指定的類名。當這個類名不存在時,會添加這個類名;當這個類名已經存在時,會刪除這個類名。
$('.my-element').toggleClass('active');
上面這行代碼演示了toggleClass()的使用。這個方法將會針對所有的class為my-element的HTML元素,切換它們的類名為active,實現添加或刪除 active 類。
除了單個類名,toggleClass()方法也可以接受多個類名。這種情況下,會為每個HTML元素在指定的類名中循環切換,實現批量切換。
$('.my-element').toggleClass('active second-class third-class');
上面這個代碼塊演示了如何將多個類名傳遞給toggleClass()方法,一次性為每個HTML元素添加或刪除所有類名。
總的來說,jQuery Class Toggle方法是一個非常便利的方法,可以幫助我們輕松地控制頁面元素的類名。不管是添加還是刪除,都能夠在一行代碼內完成,為我們的開發節省了寶貴的時間。