jq 如何让点击其他地方隐藏_jQuery点击页面其他地方隐藏指定元素详解

很多效果有这样类似功能，点击页面的其他地方时，能够隐藏一个指定的元素。

比如在模拟实现的select下拉菜单效果中，当下拉菜单出现的时候，往往希望当点击页面其他地方的时候，能够隐藏下拉条，下面就通过一个实例单独介绍一下如何实现此功能。

代码实例如下:

[HTML] 纯文本查看 复制代码运行代码

蚂蚁部落

*{

margin:0px;

padding:0px;

}

.main{

cursor:pointer;

}

.list{

border:1px solid black;

display:none;

}

.list li{

cursor:pointer;

border:1px solid red;

list-style:none;

}

#noPopEvent{

width:100px;

height:100px;

background-color:blue;

font-size:12px;

margin:200px;

text-align:center;

line-height:100px;

}

$(document).ready(function(){

$(".main").click(function(e){

$(".list").toggle();

e.stopPropagation();

<