方式:1、给body原素关联js点击事件并特定事件处理函数,词法为“$("body").click(function())”;2、在事件处理函数中,运用hide()方式完成点一下哪里都掩藏div实际效果,词法为“$("div").hide();”。
本实例教程作业环境: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视频教学
以上就是关于jquery如何点一下哪里都掩藏div的具体内容,大量欢迎关注AdminJS其他类似文章!