jq 如何让点击其他地方隐藏_jQuery 怎么实现点击页面其他地方隐藏菜单

展开全部

jquery实现点击页面其他地方隐藏e68a84e8a2ad3231313335323631343130323136353331333339656362指定元素:

在很多效果中，都有这样的功能，当点击页面的其他地方时，能够隐藏一个指定的元素，例如在模拟实现的select下拉菜单效果中，当下拉菜单出现的时候，我们往往希望当点击页面其他地方的时候，能够隐藏下拉条，下面就通过一个实例单独介绍一下如何实现此功能。

代码实例如下:html>

点击页面其他地方隐藏div-蚂蚁部落

*{

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();

})

$(document).click(function(){

$(".list").hide();

})

$(".list li").click(function(){

$(".main").text($(this).text());

$(".list").hide();

})

$("#noPopEvent").click(function(e){

e.stopPropagation();

})

});

蚂蚁部落

• div+css教程
• javascript教程

点我不行