基于jquery点击自以外任意处,关闭自身的代码
程序员文章站
2023-11-08 14:13:40
html代码如下:
click
html代码如下:
<p class="down">click</p>
<p class="con hide">show-area</p>
css代码如下:
.hide{display:none;}
js代码如下:
$(document).ready(function(){
$("p.down").click(function(e){
e.stoppropagation();
$("p.con").removeclass("hide");
});
$(document).click(function(){
if(!$("p.con").hasclass("hide")){
$("p.con").addclass("hide");
}
});
});
下一篇: 美味的菜肴都是怎么做出来的