jquery点击其他地方隐藏div,点击其他区域隐藏

　　本教程运行环境：windows10系统，jquery3.2.1版本3.2.1，Dell G3电脑。

　　jquery怎样实现点击显示点击其他地方隐藏

　　在jquery中，点击方法，not选择器，hide()和show()方法可以实现点击显示，点击其他地方隐藏的效果。

　　我们来看看如何点击按钮元素显示，点击按钮以外的元素隐藏。

　　例子如下：

　　超文本标记语言

　　头

　　script type= text/JavaScript src=/jquery/jquery . js /script

　　脚本类型=文本/javascript

　　$(文档)。ready(function(){

　　$(body *:not(。intro))。单击(函数(){

　　$(div )。hide()；

　　});

　　$(.intro’)。单击(函数(){

　　$(div )。show()；

　　});

　　});

　　/脚本

　　style type=text/css

　　部门{

　　宽度：200px

　　高度：200px

　　背景色：红色；

　　}

　　/风格

　　/头

　　身体

　　分区/分区

　　按钮class=intro 按钮/按钮

　　/body

　　/html输出结果：

　　相关视频教程推荐：jquery视频教程以上是jQuery在其他地方如何点击显示和点击隐藏的细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。