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(),slideToggle()用法及区别

show(),hide(),toggle(),slideToggle()是jQuery中基本的动画函数,show()
  • yunlang2012
  • yunlang2012
  • 2014年05月18日 19:53
  • 3720

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

1、show()与hide() show()和hide()方法用于显示或隐藏页面中的元素,它的调用格式分别为: $(selector).hide(speed,[callback])和$(selecto...
  • yeyang123
  • yeyang123
  • 2015年07月29日 16:45
  • 2430

jQuery中.show()和.hide()和.click()和.toggle()事件

jQuery中.show()和.hide()和.click()和.toggle()事件
  • XA5851477
  • XA5851477
  • 2017年03月30日 09:59
  • 980

JQuery 显示隐藏动画( show(),hide(),toggle() )

$('#div1').show(1000);  //显示。1000毫秒,表示动画显示过程时间。 $('#div1').hide(1000);  //隐藏 $('#div1').toggle(100...
  • houyanhua1
  • houyanhua1
  • 2017年12月19日 14:33
  • 41

jQuery 效果 show() 和 hide()方法

jQuery 效果 - show() 方法 定义和用法 如果被选元素已被隐藏,则显示这些元素: 语法 $(selector).show(speed,callback...
  • ssisse
  • ssisse
  • 2016年08月25日 19:57
  • 685

jquery show hide 显示和隐藏失效/不起作用

今天开发的时候,遇到一个问题,jquery的显示和隐藏,show和hide失效。 代码如下: aaaaa abc $(fun...
  • duni2011
  • duni2011
  • 2014年03月25日 14:15
  • 4791

JQuery的可见性选择器与show、hide的关系

1.:hidden选择器 不是指"visibility: hidden",而是指"display: none"。2.:visible选择器不是指"visibility: visible",而是指dis...
  • aitangyong
  • aitangyong
  • 2015年01月29日 22:58
  • 2795

jQuery-show()与html()及hide()用法 学习笔记四

测试小程序段代码:.....script src="jquery-1.2.6.min.js" type="text/javascript">script>script type="text/javas...
  • lansky07
  • lansky07
  • 2008年11月27日 16:50
  • 5911

显示与隐藏切换toggle方法

show与hide是一对互斥的方法。需要对元素进行显示隐藏的互斥切换,通常情况是需要先判断元素的display状态,然后调用其对应的处理方法。比如显示的元素,那么就要调用hide,反之亦然。 对于这样...
  • java_zhaoyanli
  • java_zhaoyanli
  • 2016年08月01日 23:17
  • 2604

JQuery 设置show/hide显示隐藏属性无效的原因

问题描述:表格中有radio选项,点击不同的radio选项会显示对应的表单选项。操作就是对radio加change监听事件,根据不同选中的值将对应表单选项show()展示出来。 ...
  • Thousa_Ho
  • Thousa_Ho
  • 2017年11月21日 09:13
  • 592
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery中 show()、hide()、toggle()显示效果
举报原因:
原因补充:

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