Javascript 我应该如何使用JQuery在鼠标悬停时更改DOM元素的背景色？

可以在链接中执行jQuery的代码吗？例如，我可以这样做吗

<a href="index.php" onmouseover="$(this).css("background-color","#111111");">Home</a>

---

我想在一些链接中使用它来创建一些效果，而不是接触更多的CSS。

您正在用JavaScript中的引号关闭属性引号

要么逃离他们

onmouseover="$(this).css(\"background-color\",\"#111111\");"

或者对内部或外部使用单引号

onmouseover='$(this).css("background-color","#111111");'

---

您正在用JavaScript中的引号关闭属性引号

要么逃离他们

onmouseover="$(this).css(\"background-color\",\"#111111\");"

或者对内部或外部使用单引号

onmouseover='$(this).css("background-color","#111111");'

你想要这个：

<script type="text/javascript">
$(function(){
     $("a").hover(
       function () {
         $(this).addClass("hover");
       },
       function () {
         $(this).removeClass("hover");
       }
     );
});
</script>

<style type="text/css">
.hover{
     background-color: #111111;
}
</style>

<a href="index.php">Home</a>

$（函数（）{
$（“a”）。悬停(
函数（）{
$（此）.addClass（“悬停”）；
},
函数（）{
$（this.removeClass（“hover”）；
}
);
});
.悬停{
背景色：#111111；
}

您可以在以下位置找到其他资源：

您需要：

<script type="text/javascript">
$(function(){
     $("a").hover(
       function () {
         $(this).addClass("hover");
       },
       function () {
         $(this).removeClass("hover");
       }
     );
});
</script>

<style type="text/css">
.hover{
     background-color: #111111;
}
</style>

<a href="index.php">Home</a>

$（函数（）{
$（“a”）。悬停(
函数（）{
$（此）.addClass（“悬停”）；
},
函数（）{
$（this.removeClass（“hover”）；
}
);
});
.悬停{
背景色：#111111；
}

您可以在以下位置找到其他资源：

将起作用

您曾经使用

onmouseover=“$（this）.css（“背景色”，“#111111”）；”

我使用了

onmouseover=“$（this）.css（'background-color'，'red'）；”

演示目前在

注意：您可以使用like

将起作用

您曾经使用

onmouseover=“$（this）.css（“背景色”，“#111111”）；”

我使用了

onmouseover=“$（this）.css（'background-color'，'red'）；”

演示目前在

---

注意：您可以使用like

为什么不使用

a:hover

？尝试时发生了什么？没有发生什么没有更改颜色如果您更改代码like将起作用。请查看使用引号的区别。使用JQuery内联通常是不好的。JQuery是一个不引人注目的框架，意味着不需要向DOM中添加额外的文本。您可能希望使用选择器上的事件绑定来执行此操作。。。不是内联的。为什么不使用

a:hover

？当您尝试它时发生了什么？没有发生任何事情没有更改颜色如果您更改代码就可以了。请查看使用引号的区别。使用JQuery内联通常是不好的。JQuery是一个不引人注目的框架，意味着不需要向DOM中添加额外的文本。您可能希望使用选择器上的事件绑定来执行此操作。。。不是内联的。如果要使用JQuery，就不应该使用onmouseover！您应该使用JQuery事件来映射您想要的而不是突兀的DOM事件。如果您要使用JQuery，您不应该使用onmouseover！您应该使用JQuery事件来映射您想要的内容，而不是突兀的DOM事件。