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