求教隐藏带有onmouseover和onmouseout事件的div

div代码如下

<div id="test_div" class="'mydd_bought" onmouseover="this.className='mydd_bought div_mouseover'"  onmouseout="this.className='mydd_bought div_mouseout'"> 

css代码

.div_mouseover{ background-color:#f9f9f9}
.div_mouseout{ background-color:#fff}

现在是想要隐藏这个div，但是，因为存在mouseover和mouseout俩个事件，隐藏不了。
求高人指点，怎么才能隐藏这样的div？

追问：页面上有多个这样的div，我只想回调的时候隐藏指定的div，其它div还要继续触发事件的。
所以不能把样式写入进去。设置当前为none可以了，谢谢哈！我是想ajax执行回调函数的时候隐藏这个div回调的时候试过用$("#test_div").removeClass();$("#test_div").unbind();
不过不好使。不带参数移除所有样式，试过用settimeout来解决，不过根据鼠标位置有时候能达到要求有时候不行。。。。你在做什么

答案：<div id="test_div" class="'mydd_bought" onmouseover="this.className='mydd_bought div_mouseover'"  onmouseout="this.className='mydd_bought div_mouseout'"> 

css代码

.div_mouseover{ background-color:#f9f9f9;display:none;}
.div_mouseout{ background-color:#fff;display:block}


.div_mouseover 这个是隐藏的class既然是隐藏的那要把它的display置为none反正显示的置为block

不过楼主你这样做不合适，因为你把div都隐藏了 那你在移动上去找不到元素也就没法相应onmouseover事件了   

不过你可以用visibility 试试

其他：#test_div{display:none;width:1px;height:1px;font-size:1px;overflow:hidden;}

试试 上面是我设置的被隐藏的DIV的JS和CSS，我想叫鼠标移动到“网站导航”4个字搞这么多代码   CSS不管直接判断鼠标进“网站导航”，下面代码执行 document. 

上一个：怎么把一个DIV放到另一个div右下角
下一个：网页布局中何时使用div容器，何时可以不使用div容器，可以做到合理使用div容器，防止泛滥使用div容器