jquery如何点击任何地方隐藏div

这篇文章将为大家详细讲解有关jquery如何点击任何地方隐藏div，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都做网站、成都网站设计、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的青川网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

方法：1、给body元素绑定点击事件并指定事件处理函数，语法为“$("body").click(function())”；2、在事件处理函数中，利用hide()方法实现点击任何地方隐藏div效果，语法为“$("div").hide();”。

本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。

在jquery中可以利用hide()方法和click()方法实现点击任何地方隐藏div效果。

click()方法当点击元素时，会发生 click 事件。当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，就会发生一次 click。click() 方法触发 click 事件，或规定当发生 click 事件时运行的函数。

示例如下：

$(document).ready(function(){
  $("body").click(function(){
    $("div").hide();
  });
});


    div{
        width:200px;
        height:200px;
        background-color:red;
    }

输出结果：

关于“jquery如何点击任何地方隐藏div”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。