jquery在悬停时更改类

我是jQuery的新手，但我一辈子都搞不清楚自己做错了什么。当我将鼠标悬停在文本“change it”上时，我希望表格行的颜色发生变化。请帮忙！（是，文档引用的是已保存的jQuery库）

测试集
$（“#转换器”）。悬停（函数）{
$（'#行1'）.css({
“背景色”：“000”，
“颜色”：“FFF”
});
};
一三四



更改它

将jQuery代码包装在文档就绪调用中，如下所示：

$(document).ready(function () {
  $('#changer').hover(function() {
    $('#row1').css({
      'background-color': '#000',
        'color': '#FFF'
    });
  });
});

此外，函数调用中的括号也有输入错误

---

您正在绑定一个

。在DOM中存在
#changer
之前，悬停
回调到
#changer
。将JavaScript移动到下面的
或将其包装在
$（document.ready（function（）{}）

您还可以使用CSS伪类
：hover
来执行您试图执行的操作，这也将处理自动删除添加到hover上的类。
您非常接近。缺少一个document.ready和一个括号

$(document).ready(function () {    
    $('#changer').hover(
        function() {
            $('#row1').css({
                'background-color':'#000',
                'color':'#FFF'
            });
        }, 
        function() {
            // what that do when they go out
        }
    );
});

$(document).ready(function(){
    $("#changer").hover(function(){
        $("tr").css({
            'background-color': '#000',
            'color': '#fff'
        });
    });
});

您的jQuery中有一个bug。您的
）
位于错误的位置，函数后缺少
（）
，关闭悬停函数的
）

您还需要将其包装在
$（function（）{}）中以便在将事件分配给DOM元素之前加载并准备好DOM

将其更改为：

$(function(){
    $('#changer').hover(function(){
        $('#row1').css({
            'background-color':'#000',
            'color':'#FFF'
        });
    });
});

您可以使用一个简单的css来完成此任务

#changer:hover { background-color: #000;color:fff; }

或者，如果要使用jquery：

    $(document).ready(function () {    
    $('#changer').hover(
        function() {
            $('#row1').css({
                'background-color':'#000',
                'color':'#FFF'
            });
        }, 
        function() {
           $('#row1').css({
                'background-color':'#FFF',
                'color':'#000'
            });
        }
    );
});

非常感谢。现在，如果我想在不悬停时将颜色改回正常，我该如何做？@SimonCarlson-最简单的方法是将
hover（）
函数传递给鼠标移出时要使用的第二个函数。像这样，我不喜欢否决票！所以我删除了我的答案，但认真地使用
codejquery（function（$，undefined）{}）和
code$（document.body）
    $(document).ready(function () {    
    $('#changer').hover(
        function() {
            $('#row1').css({
                'background-color':'#000',
                'color':'#FFF'
            });
        }, 
        function() {
           $('#row1').css({
                'background-color':'#FFF',
                'color':'#000'
            });
        }
    );
});