Jquery操作Jquery对象的问题

Question

如其名：其实我是不怎么懂jquery对象，差不多只晓得这个东西能返回一组东西，好了，废话少说，入正题：

 

 

我想实现如下功能：

 

鼠标每次放上表格的文本框上面多改变这个文本框的背景颜色。移开之后又恢复。

 var myinput = $("table input");
myinput.click(function () {
              myinput.css("background-color", "RGB(255,245,215)");
});
myinput.mouseout(function () {
              myinput.css("background-color", "RGB(255,255,255)");
});

 

因为表格里面有很多文本框，这样做的最终结果是所有的文本框一起变色

 

然后就用循环：

var myinput = $("table input");
            for (var i = 0; i < 6; i++) {
                myinput.eq(i).click(function () {
                    myinput.eq(i).css("background-color", "RGB(255,245,215)");
                });
                myinput.eq(i).mouseout(function () {
                    myinput.eq(i).css("background-color", "red");
                });
            }

 

但这样子，就一个多没得反应了。。。。。

.......

Answer 1

你要做的是把你发生事件的input框加上样式都不是所有的input框
[code="javascript"]
var myinput = $("table input");

myinput.click(function () {

$(this).css("background-color", "RGB(255,245,215)");

});

myinput.mouseout(function () {

$(this).css("background-color", "RGB(255,255,255)");

});

[/code]