jQuery是一款流行的JavaScript庫,其中有一個特性是能夠控制CSS樣式。其中一個實用的特性就是可以讓CSS里的display動態地隱現。
// 將元素隱藏 $('selector').hide(); // 將元素顯示 $('selector').show();
這兩行代碼可以根據選擇器選擇指定的元素,并將其隱藏或顯示。hide()函數會將元素的display屬性設置為none,而show()函數會將元素的display屬性設置為原本的值(通常是block)。
// 切換元素的顯示狀態 $('selector').toggle();
toggle()函數可以在隱藏和顯示兩種狀態互相切換,如果元素當前被隱藏,那么就會讓它顯示,如果元素當前被顯示,就會將其隱藏。
// 檢查元素的顯示狀態 if ($('selector').is(':visible')) { // 元素是可見的 } if ($('selector').is(':hidden')) { // 元素是隱藏的 }
另外,我們也可以用is()函數檢查元素的當前顯示狀態。如果元素是可見的,那么is(':visible')會返回true,否則會返回false;同理如果元素是隱藏的,那么is(':hidden')會返回true,否則會返回false。