Jquery的display和hide方法是用于控制元素的顯示和隱藏的功能。其中,display是用來顯示元素,hide則是用來隱藏元素。
$(selector).display(); //顯示元素
$(selector).hide(); //隱藏元素
在使用這兩個方法時,可以直接給選擇器傳遞參數,使用選擇器來選取需要操作的元素。例如:
$('#elementID').display(); //顯示id為elementID的元素
$('.className').hide(); //隱藏class為className的元素
除了直接使用選擇器,display和hide方法還可以通過動畫的方式顯示和隱藏元素,通過傳遞一個可選的毫秒數參數來設置動畫執行的時間。例如:
$('#elementID').display(1000); //以1000毫秒的時間顯示id為elementID的元素
$('.className').hide(500); //以500毫秒的時間隱藏class為className的元素
需要注意的是,在使用display和hide方法來控制元素的顯示和隱藏時,會直接改變元素的display屬性,而不是將元素從文檔流中移除。因此,在隱藏元素時,雖然它不再占據空間,但是它仍然存在于文檔中。