關於jQuery 效果 - 隱藏和顯示的相關知識

隱藏、顯示、切換，滑動，淡入淡出，以及動畫，均可透過jquery來實現，本篇講講jquery的相關操作。

jQuery hide() 和show()

透過jQuery，您可以使用hide() 和show() 方法來隱藏和顯示HTML 元素：

$("#hide").click(function(){
  $("p").hide();
});
$("#show").click(function(){
  $("p").show();
});

語法：

$(selector).hide(speed,callback);
$(selector).show(speed,callback);

可選的speed 參數規定隱藏/顯示的速度，可以取以下值："slow"、"fast" 或毫秒。

可選的 callback 參數是隱藏或顯示完成後所執行的函數名稱。

下面的範例示範了具有speed 參數的hide() 方法：

實例

$("button").click(function(){  $("p").hide(1000);});
jQuery toggle()

透過jQuery，您可以使用toggle() 方法來切換hide()和show() 方法。

顯示被隱藏的元素，並隱藏已顯示的元素：

實例

$("button").click(function(){
  $("p").toggle();
});

語法：

$(selector).toggle(speed,callback);

可選的speed 參數規定隱藏/顯示的速度，可以取以下值："slow"、"fast" 或毫秒。

可選的 callback 參數是 toggle() 方法完成後所執行的函數名稱。

本篇對jquery的相關動畫做出了講解，更多的學習資料清關注p​​hp中文網即可觀看。

相關推薦：

關於jQuery 事件的相關知識點

SQL 伺服器- RDBMS相關知識

關於SQL NULL 值的相關知識點

以上是關於jQuery 效果 - 隱藏和顯示的相關知識的詳細內容。更多資訊請關注PHP中文網其他相關文章！