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

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

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

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

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

本教程操作环境: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

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


本文名称:jquery如何点击任何地方隐藏div
文章出自:http://pwwzsj.com/article/jssjij.html