美文网首页jQuery葵花宝典
jQuery|隐藏和显示

jQuery|隐藏和显示

作者: 明明德撩码 | 来源:发表于2017-12-22 22:55 被阅读2次

方式一:使用 hide() 和 show() 方法

通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素

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

可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。

实例带有 speed 参数的 hide() 方法

$("button").click(function(){
$("p").hide(1000);
});
尝试一下 »

方式二:使用 toggle() 方法

您可以使用 toggle() 方法来实现,显示被隐藏的元素,并隐藏已显示的元素

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

实例:显示被隐藏的元素,并隐藏已显示的元素:

$("button").click(function(){
$("p").toggle();
});
尝试一下 »

相关文章

  • JQuery常用语句整理(一)

    JQuery效果 **隐藏和显示 ** $("p").hide(speed,callback); (显示)$...

  • JQuery与JavaScript隐藏显示元素

    JQuery隐藏显示元素 JavaScript显示隐藏元素

  • jQuery效果总结

    隐藏/显示jQuery hide()和show(): jQuery toggle(): 淡入淡出fadeIn()、...

  • jQuery 动画总结

    jQuery 动画 说明 1、隐藏和显示 显示方法 show ( ) 隐藏方法hide ( ) 2、滑入/滑出 动...

  • jQuery|隐藏和显示

    方式一:使用 hide() 和 show() 方法 通过 jQuery,您可以使用 hide() 和 show()...

  • jquery效果

    隐藏和显示 在 jQuery 中可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素,以及使...

  • jQuery 效果

    目录 jQuery 隐藏/显示jQuery 淡入淡出jQuery 滑动jQuery 动画jQuery Callba...

  • 04-jQuery动效

    jQuery效果 显示与隐藏动画 显示 show([speed,[easing],[fn]); 隐藏 hide([...

  • jQuery(动画篇)

    四、动画篇 1. 动画基础隐藏和显示 (1) jQuery中隐藏元素的hide方法 过 jQuery,您可以使用 ...

  • jQuery 学习笔记(二)

    jQuery Effects 隐藏和显示 hide / show 句法:$(selector).hide(spee...

网友评论

    本文标题:jQuery|隐藏和显示

    本文链接:https://www.haomeiwen.com/subject/tpffgxtx.html