jquery中有一個很常用的函數(shù),就是display:none。它的作用是將指定元素隱藏起來,讓它不在頁面上顯示,但是不會從DOM中刪除。
我們可以通過以下代碼使用display:none函數(shù):
$(selector).hide();
其中,selector是我們要操作的元素選擇器。這個函數(shù)會將選擇器選中的所有元素隱藏起來。
與之對應(yīng)的是display:block,它的作用是將元素顯示出來,同時把它的display屬性設(shè)置為block。我們可以通過以下代碼使用它:
$(selector).show();
除了上述兩個函數(shù),還有一個toggle函數(shù),它的作用是切換元素的顯示與隱藏狀態(tài)。如果元素是顯示的,那么就將它隱藏,如果是隱藏的,那么就將它顯示出來。我們可以使用以下代碼實現(xiàn)這個功能:
$(selector).toggle();
值得注意的是,在使用display:none隱藏元素之后,我們依然可以通過jquery的操作函數(shù)對其進行操作,比如修改它的CSS樣式、添加事件等等。這對于動態(tài)改變頁面內(nèi)容非常有用。