【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() 對被選元素進行隱藏和顯示的切換
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章