>首页> IT >

jquery显示和隐藏元素使用的是什么函数

时间:2022-04-15 10:25:26       来源:PHP中文网

本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery显示和隐藏元素使用的是什么函数

1、显示元素:show()

如果被选元素已被隐藏,则显示这些元素:

语法

$(selector).show(speed,callback)

speed可选。规定元素从隐藏到完全可见的速度。默认为 "0"。

可能的值:

毫秒 (比如 1500)

"slow"

"normal"

"fast"

在设置速度的情况下,元素从隐藏到完全可见的过程中,会逐渐地改变其高度、宽度、外边距、内边距和透明度。

callback可选。show 函数执行完之后,要执行的函数。除非设置了 speed 参数,否则不能设置该参数。

2、隐藏元素:hide()

如果被选的元素已被显示,则隐藏该元素。

语法

$(selector).hide(speed,callback)

speed可选。规定元素从可见到隐藏的速度。默认为 "0"。

可能的值:

毫秒 (比如 1500)

"slow"

"normal"

"fast"

在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其高度、宽度、外边距、内边距和透明度。

callback可选。hide 函数执行完之后,要执行的函数。

除非设置了 speed 参数,否则不能设置该参数。

示例如下:

<script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){  $(".btn1").click(function(){  $("p").hide();  });  $(".btn2").click(function(){  $("p").show();  });});</script>

This is a paragraph.

输出结果:

相关视频教程推荐:jQuery视频教程

以上就是jquery显示和隐藏元素使用的是什么函数的详细内容,更多请关注php中文网其它相关文章!

关键词: 使用的是 设置速度 视频教程