在jQuery中,display屬性值可以用于控制一個元素的顯示或隱藏。下面是一些常見的display屬性值:
$(document).ready(function(){ // 隱藏一個元素 $('#myElement').css('display', 'none'); // 顯示一個元素 $('#myElement').css('display', 'block'); // 切換一個元素的顯示/隱藏狀態 $('#myElement').toggle(); // 做淡入效果來顯示一個元素 $('#myElement').fadeIn(); // 做淡出效果來隱藏一個元素 $('#myElement').fadeOut(); });
當 display 屬性值為 none 時,對應的元素將被隱藏,但它仍然占據原來的空間。當 display 屬性值為 block 時,該元素被視為一個塊級元素,并且占據整個父級容器的寬度。
使用toggle()方法來切換元素的顯示/隱藏狀態,這個方法會把元素的display屬性值從 none 到 block,或者從 block 到 none。
如果希望讓一個元素在顯示或隱藏時產生淡入或淡出效果,可以使用fadeIn()或fadeOut()方法,這兩個方法可以接受一個時間參數來控制淡入或淡出的速度。
使用jQuery的display屬性值和對應的方法,可以更輕松地控制元素的顯示和隱藏,以及產生淡入和淡出效果。