- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- jQuery怎样实现任意点击隐藏div的效果？
jQuery怎样实现任意点击隐藏div的效果？
Admin 2021-12-29 群英技术资讯 778 次浏览
jQuery怎样实现任意点击隐藏div的效果？我们一些网站经常能看到通过点击任意位置后关闭打开div的效果，这样的好处是能提高用户的体验，那么具体怎样实现这一效果呢？
本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。
jquery怎样点击任何地方隐藏div
在jquery中可以利用hide()方法和click()方法实现点击任何地方隐藏div效果。
click()方法当点击元素时，会发生 click 事件。当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，就会发生一次 click。click() 方法触发 click 事件，或规定当发生 click 事件时运行的函数。
示例如下：
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("body").click(function(){
$("div").hide();
});
});
</script>
<style type="text/css">
div{
width:200px;
height:200px;
background-color:red;
}
</style>
</head>
<body>
<div></div>
</body>
</html>输出结果：
以上就是用jQuery实现任意点击隐藏div的效果的方法介绍，上述示例具有一定的借鉴价值，有需要的朋友可以了解看看，希望对大家学习jQuery的使用有帮助，想要了解更多可以继续浏览群英网络其他相关的文章。
文本转载自PHP中文网
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
Node.js中用什么方法实现链式回调
这篇文章介绍了Node.js实现链式回调的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
-
vue如何引入svg图标？教你两个办法
SVG是一种图像文件格式，意思为可缩放的矢量图形，是现在比较流行的图像文件格式之一，使用SVG格式我们就能够直接使用代码来描绘图像。那么我们如果要在vue中引入svg图标，要怎么做呢？
-
JS中字符串转二进制怎样做，代码是什么
转换方法：1、利用split()方法将字符串转为字符数组；2、遍历字符数组，利用charCodeAt()和toString()方法将每个字符元素转为二进制值；3、使用join()方法拼接数组元素，转为完整的二进制值即可。
-
Nod.Js部署配置pm2的过程是什么，pm2有哪些特征
高大上先上部署node方式：直接通过nodeapp来启动，如果报错了可能直接停在整个运行，supervisor感觉只是拿来用作开发环境的。目前似乎最常见的线上部署nodejs项目的有forever,pm2这两种。使用场合： supervisor是开发环境用。forever管理多个站点，每个站点访问量不大，不需要监控。pm2网站访问量比较大,需要完整的监控界面 pm2主要
-
用JS怎样写添加表格和删除功能，代码是什么
这篇文章主要为大家详细介绍了js动态实现表格添加和删除操作，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
