当前位置: 代码迷 >> JavaScript >> 关于jquery隐藏div()
  详细解决方案

关于jquery隐藏div()

热度:197   发布时间:2012-03-31 13:13:26.0
关于jquery隐藏div(求助)
我想实现一个功能:
  有一个DIV,点击页面其他地方(包括页面iframe里面),就隐藏此DIV。jquery能实现吗?我用blur事件实现了一下,但是效果不是很好,鼠标挪出去有时候就会隐藏,而不是点击的时候隐藏。很郁闷。有没有高手帮个忙。

------解决方案--------------------
gb1.html:
HTML code
<body>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
其他内容
其他内容
其他内容
其他内容
其他内容
其他内容
<iframe src="gb3.html"></iframe>
其他内容
其他内容
其他内容
其他内容
<div id="d">
DIV DIV DIV <br/>
DIV DIV DIV <br/>
DIV DIV DIV <br/>
</div>
<script language="javascript">
document.domain = 'localhost';//这里根据你的域名而改变,我是本地测试,所以才用这个
$(document).click(function(e){
    var d = $("#d");
    if(e.target != d[0]){
        d.hide();
    }
})
</script>
</body> 
  相关解决方案