jquery 平添onmouseover 事件

2012-10-30

jquery 添加onmouseover 事件当鼠标放在表格某一行上改变它的背景颜色，当鼠标离开时，还原原来的背景颜色看

jquery 添加onmouseover 事件
当鼠标放在表格某一行上改变它的背景颜色，当鼠标离开时，还原原来的背景颜色

看看我的代码

JScript code

$(function(){ 
     $("#testtab").mouseover(function(){ 
         $("#testtab tr:eq(1)").addClass("bgcolor"); 
         }); 
 });

始终是第一行改变了背景颜色，我想鼠标所在的当前行改变颜色．

testtab :表格的ＩＤ
bgcolor：定义的ＣＳＳ名称

刚学jquery,请哪位指点一下,谢谢

[解决办法]
$("#testtab tr:eq(1)").addClass("bgcolor");
因为你写的就是将tr的第一行变色啊
直接$("#testtab tr ").addClass("bgcolor");

[解决办法]
$(function() {
$("#testtab tr").mouseover(function() {
this.className="bgcolor";
});
});
[解决办法]
或者
$(function() {
$("#testtab tr").mouseover(function() {
$(this).addClass("bgcolor");
});
});

都可以。
[解决办法]
太简单了：

JScript code

$("#testtab>tr").mouseover(function(){    $(this).addClass("bgcolor");}, function() {    $(this).removeClass("bgcolor");});
[解决办法]
在jquery的实践函数中，this都可以指向当前的对象
$("#testtab tr").onmouseover(function(){
 $(this).toggleClass("bgcolor");
},function(){
 $(this).toggleClass("bgcolor");

});

热点排行

JavaScript

jquery 平添onmouseover 事件