87,988
社区成员
发帖
与我相关
我的任务
分享jquery 添加onmouseover 事件
当鼠标放在表格某一行上改变它的背景颜色，当鼠标离开时，还原原来的背景颜色
看看我的代码
始终是第一行改变了背景颜色，我想鼠标所在的当前行改变颜色．
testtab :表格的ＩＤ
bgcolor：定义的ＣＳＳ名称
刚学jquery,请哪位指点一下,谢谢
看看我的代码
$(function(){
$("#testtab").mouseover(function(){
$("#testtab tr:eq(1)").addClass("bgcolor");
});
});始终是第一行改变了背景颜色，我想鼠标所在的当前行改变颜色．
testtab :表格的ＩＤ
bgcolor：定义的ＣＳＳ名称
刚学jquery,请哪位指点一下,谢谢
...全文
请发表友善的回复…
发表回复
hank180 2012-10-17
- 打赏
- 举报
试了 一下不行啊
甲大赋 2010-07-18
- 打赏
- 举报
可以的
Johan. 2009-09-28
- 打赏
- 举报
都不行.
RJCHEN1985 2008-12-12
- 打赏
- 举报
在jquery的实践函数中，this都可以指向当前的对象
$("#testtab tr").onmouseover(function(){
$(this).toggleClass("bgcolor");
},function(){
$(this).toggleClass("bgcolor");
});
$("#testtab tr").onmouseover(function(){
$(this).toggleClass("bgcolor");
},function(){
$(this).toggleClass("bgcolor");
});
lizhengqin 2008-12-12
- 打赏
- 举报
$(document).ready(function() {
$("#testtab tr").hover(
function () {
$(this).addClass("bgcolor");
},
function () {
$(this).removeClass("bgcolor");
}
);
});
$("#testtab tr").hover(
function () {
$(this).addClass("bgcolor");
},
function () {
$(this).removeClass("bgcolor");
}
);
});
捏造的信仰 2008-12-12
- 打赏
- 举报
太简单了：
注意，mouseover 方法有两个 function 参数。
$("#testtab>tr").mouseover(function(){
$(this).addClass("bgcolor");
}, function() {
$(this).removeClass("bgcolor");
});注意，mouseover 方法有两个 function 参数。
jol_boy 2008-12-12
- 打赏
- 举报
或者
$(function() {
$("#testtab tr").mouseover(function() {
$(this).addClass("bgcolor");
});
});
都可以。
$(function() {
$("#testtab tr").mouseover(function() {
$(this).addClass("bgcolor");
});
});
都可以。
jol_boy 2008-12-12
- 打赏
- 举报
$(function() {
$("#testtab tr").mouseover(function() {
this.className="bgcolor";
});
});
$("#testtab tr").mouseover(function() {
this.className="bgcolor";
});
});
jol_boy 2008-12-12
- 打赏
- 举报
$("#testtab tr:eq(1)").addClass("bgcolor");
因为你写的就是将tr的第一行变色啊
直接$("#testtab tr ").addClass("bgcolor");
因为你写的就是将tr的第一行变色啊
直接$("#testtab tr ").addClass("bgcolor");
