jQuery 效果 - 隐藏和显示

发布时间:2017-7-1 11:21:18编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"jQuery 效果 - 隐藏和显示 ",主要涉及到jQuery 效果 - 隐藏和显示 方面的内容,对于jQuery 效果 - 隐藏和显示 感兴趣的同学可以参考一下。

jQuery hide() 和 show()

通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML元素(所有元素都适用)

<!DOCTYPE html><html><head>    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">    <script src="jquery-3.2.1.min.js"></script>    <script type="text/javascript">        $(document).ready(function () {            $("#hide").click(function () {                $("p").hide();            });            $("#show").click(function () {                $("p").show();            });        });    </script></head><body>    <p id="p1">如果点击"隐藏"按钮,我就会消失。</p>    <button id="hide" type="button">隐藏</button>    <button id="show" type="button">显示</button></body></html>
$(selector).hide(speed,callback);$(selector).show(speed,callback);

可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。

可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

由于 JavaScript 语句(指令)是逐一执行的 - 按照次序,动画之后的语句可能会产生错误或页面冲突,因为动画还没有完成。

为了避免这个情况,您可以以参数的形式添加 Callback 函数。

jQuery Callback 函数

当动画 100% 完成后,即调用 Callback 函数。

典型的语法:

$(selector).hide(speed,callback)

callback 参数是一个在 hide 操作完成后被执行的函数。

错误(没有 callback)

$("p").hide(1000);alert("The paragraph is now hidden");

正确(有 callback)

<!DOCTYPE html><html><head>    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">    <script src="jquery-3.2.1.min.js"></script>    <script type="text/javascript">        $(document).ready(function () {            $("button").click(function () {                $("p").hide(1000, function () {                    alert("The paragraph is now hidden");                });            });        });    </script></head><body><button type="button">Hide</button><p>This is a paragraph with little content.</p></body></html>

结论:如果您希望在一个涉及动画的函数之后来执行语句,请使用 callback 函数。


上一篇:python selenium-webdriver 通过cookie登陆(十一)
下一篇:CRT中的时间(time_t和tm)(转载)

相关文章

相关评论

本站评论功能暂时取消,后续此功能例行通知。

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

好贷网好贷款