Question

如何用jquery完成：当鼠标移到表格某一个tr时，该tr中隐藏的div可见，当鼠标移开后，该div又隐藏？

我有一个表格，是由服务器端传的一个集合遍历得到的，我想实现：当鼠标移到表格某一个tr时，该tr中隐藏的div可见，当鼠标移开后，该div又隐藏的效果。我写的jquery如下：$(function(){
$(document).ready(function(){
$("#tabQuestion2 tr").mouseover(function(){
$(this).find("div").hide(500);
});
$("#tabQuestion2 tr").mouseout(function(){
$(this).find("div").show(500);
});
});
});
结果实验发现，表格就像浪花一样不停的动，想请教各位大神，望大神们不吝赐教！！！

Answer 1

试一下这个吧

$(function(){
    $("#tabQuestion2 tr").mouseenter(function(){
        $(this).find("div").show(500);  
    });  
    $("#tabQuestion2 tr").mouseleave(function(){  
        $(this).find("div").hide(500);   
    });  
   
  });

Answer 2

1、某一个tr：$("#tabQuestion2 tr") 选择的是ID为tabQuestion2的表格中的所有tr，所以这句必须改成你需要做效果的tr。解决方法：给tr定义ID或唯一CLASS即可，例如：$("#tabQuestion2 tr#trQuestion")，给要做效果的tr加 id="trQuestion" 。
2、显示隐藏效果：显示隐藏效果一般要注意高度的设置，否则显示时会撑起来，隐藏了就缩回去，当然如果想要的效果是这样的就不用设置了。
请采纳。

Answer 3

改成mouseenter（鼠标进入） 和mouseleave（鼠标离开） 试试

追问

不是，我想应该是选择器的问题，怎么确定我的鼠标是触碰了那一个tr

追答

你两个顺序写反了吧 mouseenter的时候应该是show吧 mouseleave的时候应该是hide的吧

另外mouseover 是鼠标进入tr以及他的子元素时都会触发
mouseenter 是进入tr时触发
mouseout 和 mouseleave 同理

Answer 4

第一种：
$("#tabQuestion2 tr").mouseover(function(){
for(var i=0;i<$("#tabQuestion2 tr").length;i++){
$("#tabQuestion2 tr:eq("+i+")").find("div").hide();
}
$(this).find("div").show();
});
第二种：

$("#tabQuestion2 tr").mouseover(function(){
$(this).find("div").show();
});
$("#tabQuestion2 tr").mouseout(function(){
$(this).find("div").hide();
});
把显示/隐藏的速度去掉