在 Jquery 的 mouseover 事件中更改文本颜色答案

【问题标题】：Change the Text Color in mouseover Event in Jquery在 Jquery 的 mouseover 事件中更改文本颜色
【发布时间】：2017-08-02 00:39:56
【问题描述】：

我想在鼠标悬停事件时更改文本颜色。但是这段代码不能正常工作

 <!DOCTYPE html>
        <html>
        <head>

        <title>
        </title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script>
         $(document).ready(function(){
         $("#A").mouseover(function(){
         $("#A").css("backgroud-color","green");
        }); 
         });
        </script>
        </head>
        <body>
        <p id="A"> My Name is ABC</p>
        </body>
        </html>

【问题讨论】：

标签： jquery mouseover

【解决方案1】：

background-color 中有错字。也只包含一次 jQuery。

【讨论】：

以后，考虑留下评论并投票关闭回答是简单印刷错误的问题，而不是回答这些问题。参考文献：“这个问题是由一个无法再复制的问题或一个简单的印刷错误引起的。虽然类似的问题可能是这里的主题，但这个问题的解决方式不太可能帮助未来的读者。”，"Should I answer off-topic questions?".

【解决方案2】：

要更改文本的颜色，您应该设置 CSS color 属性。所以你应该使用$("#A").css("color","green")，而不是$("#A").css("backgroud-color","green")。

【讨论】：

【解决方案3】：

这可以通过纯 CSS 来完成。

#A:hover {
    background-color: green
}

【讨论】：