jquery中 show()、hide()、toggle()显示效果

翻译 2015年11月18日 16:08:24

显示 show()

$(selector).show(speed,callback);

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

可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

隐藏 hide()

切换 toggle()

<script>
    $(function(){
     $('.dis').click(function(){
         $('img').show(200); // 显示的意思
     })
    $('.hide').click(function(){

        $('img').hide(200);  // 隐藏某个元素    style.display = 'none'
    })
    $('.toggle').click(function(){

         $('img').toggle(200); // 显示和隐藏切换
    })
    })
</script>

相关文章推荐

jQuery动画效果(show与hide/toggle/slideUp/slideToggle/fadeIn/fadeTo)

1、show()与hide() show()和hide()方法用于显示或隐藏页面中的元素,它的调用格式分别为: $(selector).hide(speed,[callback])和$(selecto...

JQuery学习笔记之JQuery效果hide、show以及toggle方法的callback参数

jQuery中hide() 、show()和toggle()方法的callback参数的说明: $(selector).hide(speed,callback); $(selector).show(s...

jQuery动画-让页面动起来! (2)基本的动画函数主要分为show, hide和toggle

基本动画函数 Basics名称说明举例show( )显示隐藏的匹配元素。这个就是 'show( speed, [callback] )' 无动画的版本。如果选择的元素是可见的,这个方法将不会改变任何东...
  • wyqlxy
  • wyqlxy
  • 2011年02月16日 14:47
  • 1415

jQuery笔记1 — hide、show、toggle、css、选择器

1. hide()、show()、toggle() hide()隐藏内容:$('.box').hide(); hide()添加时间:$('.box').hide(1000);含义:用1s隐藏。 消失后...

jQuery学习21---简单动画效果,show,hide,slideUp,slideDown,fadeOut,fadeIn

show(),hide()如果不带参数,则立即显示,或隐藏,如果指定速度参数则会 用指定时间进行动态显示,隐藏,单位为毫秒,也可以使用三个内置的速度 fast(200ms) slow(600ms)...

jQuery的隐藏显示hide(),show()方法

以前我们在js中如果要隐藏显示一个元素我们需要利用display等于none来设置并且还没有效果,现在在jquery中有了hide();我们可以利用hide()方法来操作,希望本文章给大家所有帮助。 ...

jquery 动画函数animate/show/slideDown/fadeIn/toggle

动画函数 jQuery提供的一组常见的动画效果,这些动画是标准的、有规律的效果;同时还提供给我们了自定义动画的功能。   1.  隐藏显示动画 show...

jQuery源码分析16: .hide()与.show()

jQuery源码分析16: .hide()与.show() hide: function( speed, easing, callback ) {     if ( speed || spee...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery中 show()、hide()、toggle()显示效果
举报原因:
原因补充:

(最多只允许输入30个字)