jQuery实现鼠标点击div外的地方div隐藏
2018-01-13 11:28
381 查看
html
<div id="big">
<div id="small"></div>
</div>css
#big{
width: 500px;
height: 500px;
background-color: #000;
}
#small{
width: 50px;
height: 50px;
background-color: #f00;
}js
<div id="big">
<div id="small"></div>
</div>css
#big{
width: 500px;
height: 500px;
background-color: #000;
}
#small{
width: 50px;
height: 50px;
background-color: #f00;
}js
$("#big").on("tap", function(e) { if(e.target == this) { $('#small').hide(); } });
相关文章推荐
- jQuery实现鼠标点击div外的地方div隐藏消失的效果
- jquery 实现点击其他地方隐藏之前点击显示的div标签等
- jQuery实现点击其它地方隐藏该div
- jQuery实现鼠标点击Div区域外隐藏Div
- jQuery实现点击其他地方div隐藏
- jQuery实现点击除了特定div的页面其它地方,隐藏该div功能。
- jQuery实现点击其他地方div隐藏
- jquery 实现鼠标点击div盒子移动功能
- 点击页面其它地方隐藏div所想到的jQuery的delegate
- 基于JQuery实现鼠标点击文本框显示隐藏提示文本
- jQuery 实现点击页面其他地方隐藏菜单
- JQuery实现点击div以外的位置隐藏该div窗口
- jQuery点击按钮实现div的隐藏和显示切换效果
- jquery点击区域显示或隐藏DIV,点击非该DIV的地方隐藏该DIV
- jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
- JQuery 鼠标点击其它地方隐藏层
- jquery实现点击div空白处隐藏该div
- jQuery 怎么实现点击页面其他地方隐藏菜单?
- 点击页面其它地方隐藏div所想到的jQuery的delegate
- 基于jquery鼠标点击其它地方隐藏层的实例代码