JQuery点击弹出窗口外侧，关闭弹出窗口功能

<script type="text/javascript" src="./js/jquery-1.12.3.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			//页面初始化时隐藏弹窗
			$('#popupWindow').hide();
			
			//窗口外点击事件
			$(document).click(function(e){
				var popup = $("#popupWindow");
				//判断事件对象不是弹窗对象  并且  弹窗对象不包含事件对象
				if (!popup.is(e.target) && popup.has(e.target).length == 0) {
					//则隐藏弹窗
					popup.hide(500);
			     }	
			});
			
			$("#popBtn").click(function(e){
				//阻止事件冒泡,防止波及本按钮
				e.stopPropagation();
				//显示弹窗
				$('#popupWindow').show(500);
			});
			
			$("#popClzBtn").click(function(e){
				//阻止事件冒泡，防止波及本按钮
				e.stopPropagation();
				//隐藏弹窗
				$('#popupWindow').hide(500);
			});
		});
		
</script>