jquery显示和隐藏元素的函数是什么
导读:本文共1618字符,通常情况下阅读需要5分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: jquery显示和隐藏元素使用的函数是:1、show(),使用该方法能够显示被隐藏的元素,语法为“元素对象.show(显示的速度,函数)”;2、hide(),使用该方法能够隐藏已显示的元素,语法为“元素对象.hide(隐藏的速度,函数)”。本教程操作... ...
目录
(为您整理了一些要点),点击可以直达。
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>
输出结果:
</div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
jquery显示和隐藏元素的函数是什么的详细内容,希望对您有所帮助,信息来源于网络。