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() | 對被選元素進行隱藏和顯示的切換 |