- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- jQuery怎样实现任意点击隐藏div的效果？
jQuery怎样实现任意点击隐藏div的效果？
Admin 2021-12-29 群英技术资讯 1393 次浏览
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进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
iview权限管理怎么实现，分配权限操作是怎样
本文主要介绍了iview 权限管理，iview-admin2.0自带权限管理。可以通过设置路由的meta对象的参数access来分配权限。感兴趣的可以了解一下
-
JavaScript中判断奇偶数的方法是什么？
JavaScript中判断奇偶数的方法是什么？在JavaScript中，求奇偶数的方法有很多，这里主要是使用if语句来实现，对新手学习if语句的使用会有一定的帮助，文中示例代码介绍的很详细，感兴趣的朋友接下来一起跟随小编看看吧。
-
JS数组的深复制和浅复制怎样理解？一文带你看懂
这篇文章我们来了解JS数组的深复制和浅复制的相关内容，很多新手不是很理解深复制和浅复制究竟是什么，因此本文就给大家来介绍一下，下文有很详细的介绍，有需要的朋友可以参考，接下来就跟随小编来一起学习一下吧！
-
如何利用JS来获取扫码枪的数据呢
扫码枪相当于键盘输入设备，输入一连串数字后加一个enter键。但在实际开发中需要区分是扫描枪输入还是键盘用户输入，区别在于扫码枪输入很快。
-
如何用代码说明Nod.Js异步队列
原文地址NodeJs程序并没有锁概念,可能是单线程程序的缘故吧.但是存在异步回调,也就造成并发执行统一代码的可能性,当然这里并发不是真正意义上的并发.是同一线程在不同时间点执行统一代码.事故类似代码如下://阻塞函数constsleep=async(ms=0)=>{returnnewPromise((resolve,reject)=>
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
7x24小时售前：400-678-4567
7x24小时售后：0668-2555666
24小时QQ客服
群英微信公众号
CNNIC域名投诉举报处理平台
服务电话：010-58813000
服务邮箱：service@cnnic.cn
投诉与建议：0668-2555555
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 ICP核准（ICP备案）粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
