读书人

jquery 平添onmouseover 事件

发布时间: 2012-10-30 16:13:36 作者: rapoo

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");

});

读书人网 >JavaScript

热点推荐