主要功能是點(diǎn)擊顯示,然后通過點(diǎn)擊頁面的任意位置都能關(guān)閉顯示效果,主要是$(document).click的作用

開發(fā)過程中經(jīng)常有一些彈出層,彈出后要在點(diǎn)擊頁面其他地方時(shí)自動(dòng)關(guān)閉,下面是實(shí)現(xiàn)代碼:

HTML代碼：

復(fù)制代碼 代碼如下:

<div>click</div>
<div>show-area</div>

JS代碼

復(fù)制代碼 代碼如下:

$(document).ready(function(){
$("div.down").click(function(e){
e.stopPropagation();
$("div.con").removeClass("hide");
});
$(document).click(function(){
if(!$("div.con").hasClass("hide")){
$("div.con").addClass("hide");
}
});
});