当前位置:asp编程网>技术教程>Javascript教程>  正文

Jquery实现点击某个区域(DIV)以外的地方关闭此DIV

2015-07-23 10:43:44   来源:www.aspbc.com    作者:wangsdong   浏览量:731   收藏
实现的功能:Jquery实现点击Div,显示Div中的内容;点击Div以外的地方,关闭这个Div。
<script type="text/javascript" src="http://www.aspbc.com/js/jquery.js"></script>
<script type="text/javascript">
$(function(){
    $(document).not($("#test2")).click(function(){
        $("#test2").hide(200);
    });
    /*防止事件冒泡*/
    $("#test2").click(function(event){
   alert('test2中的内容是:'+$("#test2").html());
        event.stopPropagation();
    })
})
</script>
<div style="width:300px; height:100px; background:#ccc" id="test2">test</div>


关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网