天天看点

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 事件

继续阅读