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 ...