天天看点

【jQuery】调用show()和hide()方法显示和隐藏元素

show()

hide()

方法用于显示或隐藏页面中的元素,它的调用格式分别为:

$(selector).hide(speed,[callback])

$(selector).show(speed,[callback])

参数speed设置隐藏或显示时的速度值,可为“slow”、“fast”或毫秒数值,可选项参数callback为隐藏或显示动作执行完成后调用的函数名。

例如,在页面中,通过点击“显示”和“隐藏”两个按钮来控制图片元素的显示或隐藏状态,如下图所示:

【jQuery】调用show()和hide()方法显示和隐藏元素

在浏览器中显示的效果:

【jQuery】调用show()和hide()方法显示和隐藏元素

从图中可以看出,点击“显示”按钮时,可以将图片元素显示在页面中,点击“隐藏”按钮时,则将图片元素隐藏起来。