js之点击 超连接,提示一个层.点击空白层消失_javascript技巧

请教一下.点击 超连接,提示一个层.点击空白.层消失.

原生js版

<title>提示</title> <meta http-equiv="content-type" content="text/html; charset=gbk"> <style type="text/css"> BODY { BACKGROUND: #fff; FONT: 76%/1.5 Arial,sans-serif; COLOR: #333 } input{ width:200px;border: 1px solid #86B9D6; } #reg_div{ color: #154BA0; border: 1px solid #86B9D6; background: #D9EEF9; position: absolute; z-index: 30; height: 180px; width:400px; } .city{ width:80px; float:left; padding:8px; text-align:center; } .ps_div{ padding:10px 10px 2px 10px; border-bottom:1px dotted #ccc; } </style> <input id="input_01" type="text" onfocus="allt(this);"><div id="reg_div" style="display:none"> <div class="ps_div"> <span style="float:right;" onclick="oo('reg_div').style.display='none'">关闭</span>查找提示:</div> <div id="city_01" class="city" onclick="bllt(this)">北京</div> <div id="city_02" class="city" onclick="bllt(this)">上海</div> <div id="city_03" class="city" onclick="bllt(this)">广州</div> <div id="city_04" class="city" onclick="bllt(this)">深圳</div> <div id="city_01" class="city" onclick="bllt(this)">杭州</div> <div id="city_02" class="city" onclick="bllt(this)">南京</div> <div id="city_03" class="city" onclick="bllt(this)">成都</div> <div id="city_04" class="city" onclick="bllt(this)">武汉</div> <div id="city_01" class="city" onclick="bllt(this)">青岛</div> <div id="city_02" class="city" onclick="bllt(this)">大连</div> <div id="city_03" class="city" onclick="bllt(this)">重庆</div> <div id="city_04" class="city" onclick="bllt(this)">三亚</div> <div id="city_01" class="city" onclick="bllt(this)">郑州</div> <div id="city_02" class="city" onclick="bllt(this)">宁波</div> <div id="city_03" class="city" onclick="bllt(this)">西安</div> <div id="city_04" class="city" onclick="bllt(this)">长沙</div> </div>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

jquery版本：

function object_Onclick(){
  $('#eng_list').css('display','none');//将显示的层隐藏消失
}
window.document.onclick = object_Onclick;