视频聊天源码的jQuery 效果, 隐藏和显示

互联网 2021/9/3 14:35:43

视频聊天源码的jQuery 效果, 隐藏和显示实现的相关代码可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素,它的语法为:$(selector).hide(speed,callback);$(selector).show(speed,callback);speed :显示元素出现的速度,通常以毫秒表示,也可以使用fast和slow 。c…

视频聊天源码的jQuery 效果, 隐藏和显示实现的相关代码
可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素,它的语法为:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
speed :显示元素出现的速度,通常以毫秒表示,也可以使用fast和slow 。
callback :(可选) 参数是隐藏或显示完成后所执行的函数名称。
下面写出了hide(speed)方法和show(speed)方法:

<style>
p{
width: 300px;
background-color: yellow;
text-align: center;
}
</style>
// body部分
<body>
<button id="hide">点击我p1将会被隐藏</button>
<button id="show">点击我p1将会显示出来</button>
<p>p1</p>
<script src="../jquery-3.6.0.js"></script>
<script>
$('#hide').click(function(){
$('p').hide(1000);
});
$('#show').click(function(){
$('p').show(1000);
})
</script>
</body>

 

下面例子写出了带有 speed 参数的 hide() 方法,并使用回调函数:

// style 样式
<style>
div {
display: inline-block;
width: 130px;
height: 50px;
padding: 15px;
margin: 15px;
background-color: green;
}
</style>
// body部分
<body>
<div>隐藏以及设置回调函数</div>
<br>
<button class="hidebtn">点击此处隐藏</button>
<script src="../jquery-3.6.0.js"></script>
<script>
$(document).ready(function () {
$('.hidebtn').click(function () {
// jQuery自身提供"linear" 和 "swing",其他可以使用相关的插件
$('div').hide(1000, 'linear', function () { //第二个参数是一个字符串,表示过渡使用哪种缓动函数。
alert('方法已经调用完毕'); //当此函数执行完毕后回调alert内容
});
})
})
</script>
</body>

 

以上就是 视频聊天源码的jQuery 效果, 隐藏和显示实现的相关代码,更多内容欢迎关注之后的文章

随时随地学软件编程-关注百度小程序和微信小程序
关于找一找教程网

本站文章仅代表作者观点,不代表本站立场,所有文章非营利性免费分享。
本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章,希望广大程序员努力学习,让我们用科技改变世界。
[视频聊天源码的jQuery 效果, 隐藏和显示]http://www.zyiz.net/tech/detail-222437.html

上一篇:jQuery-ajax-天气接口

下一篇:bootstrap用jquery控制模态框

赞(0)
关注微信小程序
程序员编程王-随时随地学编程

扫描二维码或查找【程序员编程王】

可以随时随地学编程啦!

技术文章导航 更多>
扫一扫关注最新编程教程