欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

基于jquery点击自以外任意处,关闭自身的代码

程序员文章站 2023-11-08 14:13:40
html代码如下:

click

show-...

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");
}
});
});