js实现jquery动画的hide()和show()方法
1.show():根据hide()方法记住的display属性值来显示元素。
show(参数1,参数2)
参数1:时间,单位为毫秒,表示对象显示所用的时间
参数2:回调函数,该函数在对象显示后触发。
2.元素显示
$('#firstname').show();
3.hide() : 将该元素的display样式改为 "none"。
hide(参数1,参数2)
参数1:时间,单位为毫秒,表示对象隐藏所用的时间
参数2:回调函数,该函数在对象隐藏后触发。
4.元素隐藏
$('#firstname').hide();
5.具体实例:使用hide()和show()方法来隐藏和显示 HTML 元素
<body> <div style="width: 200px; height: 200px; background-color: yellow;"> 我是一个div标签</div> <button class="show">显示</button> <button class="hide">隐藏</button> <script> // 显示元素 $(".show").click(function () { $("div").show(); }); // 隐藏元素 $(".hide").click(function () { $("div").hide(); }); </script> </body>
以上就是JavaScript中实现jquery动画的hide()和show()方法的介绍,以及使用hide()和show()方法来隐藏和显示HTML元素的具体实例,快点尝试设计隐藏和显示动画效果吧~更多JavaScript学习推荐:JavaScript教程。
本文教程操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。
javascript中this是什么意思:1.javascript中this是什么?函数调用的时候会创建上下文,this 是组成上下文的一部分。因此每次函数被调用都会产生新的this,既this的值就是调用当前函数的对象。2.javascr ...