【jQuery 教程】jQuery 效果

jQuery 隱藏和顯示

通過 hide() 和 show() 兩個函數，jQuery 支援對 HTML 元素的隱藏和顯示：

執行個體

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

hide() 和 show() 都可以設定兩個選擇性參數：speed 和 callback。

文法：

$(selector).hide(speed,callback)

$(selector).show(speed,callback)

speed 參數規定顯示或隱藏的速度。可以設定這些值："slow", "fast", "normal" 或毫秒。

callback 參數是在 hide 或 show 函數完成之後被執行的函數名稱。您將在本教程下面的章節學習更多有關 callback 參數的知識。

 

jQuery 切換

jQuery toggle() 函數使用 show() 或 hide() 函數來切換 HTML 元素的可見狀態。

隱藏顯示的元素，顯示隱藏的元素。

文法：

$(selector).toggle(speed,callback)

speed 參數可以設定這些值："slow", "fast", "normal" 或 毫秒。

執行個體

$("button").click(function(){
$("p").toggle();
});
callback 參數是在該函數完成之後被執行的函數名稱。

 

jQuery 效果

方法	描述
animate()	對被選元素應用“自訂”的動畫
clearQueue()	對被選元素移除所有排隊的函數（仍未啟動並執行）
delay()	對被選元素的所有排隊函數（仍未運行）設定延遲
dequeue()	運行被選元素的下一個排隊函數
fadeIn()	淡入被選元素至完全不透明
fadeOut()	淡出被選元素至完全不透明
fadeTo()	把被選元素減弱至給定的不透明度
hide()	隱藏被選的元素
queue()	顯示被選元素的排隊函數
show()	顯示被選的元素
slideDown()	通過調整高度來滑動顯示被選元素
slideToggle()	對被選元素進行滑動隱藏和滑動顯示的切換
slideUp()	通過調整高度來滑動隱藏被選元素
stop()	停止在被選元素上運行動畫
toggle()	對被選元素進行隱藏和顯示的切換