Jquery 如何创建和更改悬停时箭头的颜色?

Jquery 如何创建和更改悬停时箭头的颜色?,jquery,html,css,Jquery,Html,Css,我不确定我写的HTML是否正确。因此,我的脚本可能无法运行。我使用段落在箭头和上面的文本(未显示)之间创建空格 日本著名作家村上春树(Haruki Murakami)表示,他拥有超过100万台电脑。他在小说中经常提到音乐,尤其是古典音乐、爵士乐和美国流行音乐。他的第一份工作是在一家唱片店,他曾和妻子在东京经营一家爵士乐酒吧,名为彼得猫。 $(“div.arrow”).hover(函数(){ $('this').css(“border”,'4da6ff'); }); 参考是$(this)或th

我不确定我写的HTML是否正确。因此,我的脚本可能无法运行。我使用段落在箭头和上面的文本(未显示)之间创建空格



日本著名作家村上春树(Haruki Murakami)表示,他拥有超过100万台电脑。他在小说中经常提到音乐,尤其是古典音乐、爵士乐和美国流行音乐。他的第一份工作是在一家唱片店,他曾和妻子在东京经营一家爵士乐酒吧,名为彼得猫。 $(“div.arrow”).hover(函数(){ $('this').css(“border”,'4da6ff'); });
参考是
$(this)
this
,而不是
$(“this”)

另外,您只考虑mouseenter,应该在鼠标离开元素时编写第二个回调,并恢复以前的值

信息

参考是
$(this)
this
,而不是
$(“this”)

另外,您只考虑mouseenter,应该在鼠标离开元素时编写第二个回调,并恢复以前的值


信息

您的jQuery有点不正确,应该是:

$(".arrow").hover(function() {
    $(this).css("border", "1px solid #4da6ff");
});
但您可以简单地使用CSS来实现这一点,而无需像这样使用jQuery:

.arrow:hover {
  border: 1px solid #4da6ff;
}

您的jQuery有点不正确,应该是:

$(".arrow").hover(function() {
    $(this).css("border", "1px solid #4da6ff");
});
但您可以简单地使用CSS来实现这一点,而无需像这样使用jQuery:

.arrow:hover {
  border: 1px solid #4da6ff;
}

您的HTML无效,大多数浏览器将尝试修复它。结果是:
。但是,jQuery仍然可以工作,因为它只针对div,所以您是否收到任何错误?您的jQuery是在文档就绪调用中运行的,还是在结束正文标记之前的页面末尾运行的?粘贴完整的htmlAs@j08691表示您的html无效,但我认为您的问题是您在字符串格式中使用“this”,请尝试使用$(this).css(“border”,“1px solid#4da6ff”)@j08691我应该如何修复我的HTML以使其有效?问题是您在段落中包装了一个div。您的HTML无效,大多数浏览器都会尝试修复它。结果是:
。但是,jQuery仍然可以工作,因为它只针对div,所以您是否收到任何错误?您的jQuery是在文档就绪调用中运行的,还是在结束正文标记之前的页面末尾运行的?粘贴完整的htmlAs@j08691表示您的html无效,但我认为您的问题是您在字符串格式中使用“this”,请尝试使用$(this).css(“border”,“1px solid#4da6ff”)@j08691我应该如何修复HTML以使其有效?问题是在一个段落中包含一个div