手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >基于jquery点击自以外任意处,关闭自身的代码
基于jquery点击自以外任意处,关闭自身的代码
摘要:Html:复制代码代码如下:clickshow-areaCSS:复制代码代码如下:.hide{display:none;}js:复制代码代码...

Html:

复制代码 代码如下:

<div>click</div>

<div>show-area</div>

CSS:

复制代码 代码如下:

.hide{display:none;}

js:

复制代码 代码如下:

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

}

});

});

【基于jquery点击自以外任意处,关闭自身的代码】相关文章:

CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法

jquery任意位置浮动固定层插件用法实例

javascript实现在网页任意处点左键弹出隐藏菜单的方法

游戏人文件夹程序 ver 3.0

js实现点击链接后延迟3秒再跳转的方法

js实现键盘Enter键提交表单的方法

js控制excel打印完美解决方案

一些有关检查数据的JS代码

AngularJS数据源的多种获取方式汇总

基于jquery实现下拉框美化特效

精品推荐
分类导航