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 元素

显示

隐藏

// 显示元素

$(".show").click(function () {

$("div").show();

});

// 隐藏元素

$(".hide").click(function () {

$("div").hide();

});

以上就是JavaScript中实现jquery动画的hide()和show()方法的介绍，以及使用hide()和show()方法来隐藏和显示HTML元素的具体实例，快点尝试设计隐藏和显示动画效果吧~更多JavaScript学习推荐：JavaScript教程。

本文教程操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。