jQuery中的display屬性可以用來控制頁面元素的顯示和隱藏。
首先,在HTML中設置想要控制顯示和隱藏的元素,例如下面的代碼:
<div id="content">
<p>這是要控制顯示與隱藏的文字</p>
</div>
接著,在jQuery中,可以使用display屬性來控制該元素的顯示和隱藏。例如,如果想要在點擊某個按鈕時隱藏該元素,可以使用以下代碼:
$('#button').click(function(){
$('#content').hide();
});
如果想要在點擊另一個按鈕時顯示該元素,可以使用以下代碼:
$('#button2').click(function(){
$('#content').show();
});
除了hide和show方法之外,還有toggle方法可以在每次點擊時切換該元素的顯示和隱藏狀態。例如:
$('#button3').click(function(){
$('#content').toggle();
});
除了上述方法外,還可以使用css方法控制display屬性的值來實現顯示和隱藏。例如,想要在點擊按鈕時將該元素設置為隱藏,可以使用以下代碼:
$('#button4').click(function(){
$('#content').css('display','none');
});
以上就是jQuery中display屬性的基本使用介紹。