天天看點

jQuery|隐藏和顯示

通過 jQuery,您可以使用 hide() 和 show() 方法來隐藏和顯示 HTML 元素

文法: $(selector).hide(speed,callback); $(selector).show(speed,callback);

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

$("button").click(function(){

$("p").hide(1000);

});

<a href="https://link.jianshu.com?t=http%3A%2F%2Fwww.runoob.com%2Ftry%2Ftry.php%3Ffilename%3Dtryjquery_hide_slow" target="_blank">嘗試一下 »</a>

您可以使用 toggle() 方法來實作,顯示被隐藏的元素,并隐藏已顯示的元素

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

$("p").toggle();

<a href="https://link.jianshu.com?t=http%3A%2F%2Fwww.runoob.com%2Ftry%2Ftry.php%3Ffilename%3Dtryjquery_toggle" target="_blank">嘗試一下 »</a>

下一篇: jQuery 事件

繼續閱讀