jquery显示和隐藏元素的函数是什么(jquery,web开发)

时间:2024-05-03 13:18:50 作者 : 石家庄SEO 分类 : web开发
  • TAG :

jquery显示和隐藏元素使用的函数是:1、show(),使用该方法能够显示被隐藏的元素,语法为“元素对象.show(显示的速度,函数)”;2、hide(),使用该方法能够隐藏已显示的元素,语法为“元素对象.hide(隐藏的速度,函数)”。

本教程操作环境: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 参数,否则不能设置该参数。

示例如下:

<html><head><scripttype="text/javascript"src="/jquery/jquery.js"></script><scripttype="text/javascript">$(document).ready(function(){$(".btn1").click(function(){$("p").hide();});$(".btn2").click(function(){$("p").show();});});</script></head><body><p>Thisisaparagraph.</p><buttonclass="btn1">Hide</button><buttonclass="btn2">Show</button></body></html>

输出结果:

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

 </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:jquery显示和隐藏元素的函数是什么的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:hover是不是jquery事件下一篇:

7 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18