jquery 添加onmouseover 事件
当鼠标放在表格某一行上改变它的背景颜色,当鼠标离开时,还原原来的背景颜色
看看我的代码
JScript code
$(function(){ 
     $("#testtab").mouseover(function(){ 
         $("#testtab tr:eq(1)").addClass("bgcolor"); 
         }); 
 });
始终是第一行改变了背景颜色,我想鼠标所在的当前行改变颜色.
testtab :表格的ID
bgcolor:定义的CSS名称
刚学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");
});