jquery如何点一下哪里都掩藏div

lxf2023-03-18 13:22:01

方式:1、给body原素关联js点击事件并特定事件处理函数,词法为“$("body").click(function())”;2、在事件处理函数中,运用hide()方式完成点一下哪里都掩藏div实际效果,词法为“$("div").hide();”。

jquery如何点一下哪里都掩藏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视频教学

以上就是关于jquery如何点一下哪里都掩藏div的具体内容,大量欢迎关注AdminJS其他类似文章!