hide() 和 show() 方法来隐藏和显示 HTML 元素,toggle()取反

  • 2,764

语法:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
speed隐藏/显示速度,可以取以下值:"slow"、"fast" 或毫秒。
callback指完成后可执行函数()
toggle() 方法来切换 hide() 和 show() 方法。

hide() 和 show() 方法来隐藏和显示 HTML 元素,toggle()取反

<script typet="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
//方法一
$(document).ready(function(){
  $(".hide").click(function(){
    // $(this).parents(".ex").hide("slow");
    // $(this).parents(".ex").hide('fast');
    $(this).parents(".ex").hide(5000);
  });
});
//方法二
$(document).ready(function(){
  $(".but").click(function(){
  $("h4").toggle(1000);
  });
});
</script>

<div class="ex">
<button class="hide" type="button">隐藏</button>
<p>联系人:黄总</p>
</div>

 <!-- toggle() 方法来切换 hide() 和 show() 方法。    取反 -->
<div class="qi">
  <button type="button" class="but">切换</button>
  <h4>hide() 和 show() 方法  相互切换</h4>
</div>

 

weinxin
我的微信
这是我的微信扫一扫
开拓者博主
  • 本文由 发表于 2018年3月6日21:20:45
  • 转载请务必保留本文链接:https://www.150643.com/491.html
匿名

发表评论

匿名网友 填写信息