jQuery的display屬性可以讓我們在網頁中操作元素的顯示和隱藏。我們可以利用jQuery來動態地給元素設置display屬性,實現元素的顯示和隱藏的效果。
$(document).ready(function() { // 元素初始狀態為隱藏 $("#myElement").css("display", "none"); // 點擊按鈕時顯示元素 $("#myButton").click(function() { $("#myElement").css("display", "block"); }); });
上面的代碼中,我們首先選中了需要操作的元素myElement,并將其初始display屬性設置為none,使其在頁面中一開始就是隱藏狀態;然后選中了一個按鈕元素myButton,并綁定了一個點擊事件,在點擊按鈕時將myElement的display屬性設置為block,使其顯示出來。
當然,我們也可以通過設置display屬性為none來實現元素的隱藏效果,例如:
$(document).ready(function() { // 點擊按鈕時隱藏元素 $("#myOtherButton").click(function() { $("#myElement").css("display", "none"); }); });
上面的代碼中,我們選中了另一個按鈕元素myOtherButton,并綁定了一個點擊事件,在點擊按鈕時將myElement的display屬性設置為none,使其隱藏。