jQuery中提供了一種非常方便的方法來隱藏和顯示HTML元素,那就是class隱藏。當我們需要動態地隱藏或顯示一個元素時,可以通過添加或移除該元素的class來實現。
// 隱藏元素 $('.element').addClass('hidden'); // 顯示元素 $('.element').removeClass('hidden');
在上述代碼中,我們先通過jQuery選擇器選中了需要隱藏或顯示的元素,然后分別調用了addClass和removeClass方法來添加或移除該元素的hidden class。
.hidden { display: none; }
同時,在我們的CSS樣式表中預定義了hidden class,其display屬性被設置為none,從而隱藏該元素。
此外,我們還可以使用toggleClass方法來切換元素的顯示狀態。
// 切換元素的顯示狀態 $('.element').toggleClass('hidden');
以上就是使用jQuery class隱藏元素的基本操作,其簡單易用的特點使其成為開發中常用的方法之一。