jquery - 如何在悬停时更改箭头的颜色？

Question

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

    <div class="littlebg">
<div class="text">
<hr>
Renowned Japanese author Haruki Murakami said he owns over <a href="http://www.nytimes.com/2011/10/23/magazine/the-fierce-imagination-of-haruki-murakami.html?pagewanted=5&ref=baseball&_r=0">10,000 records</a>. He often references music in his stories, particularly the genres classical, jazz and American pop. His first job was at a record store, and he once ran a jazz bar, called the Peter Cat, in Tokyo with his wife.
 <a href="#begin2">
 <p><div class="arrow"></div></p>
<a href="#begin2">
  <p>
    <div class="arrow"></div>
  </p>
</a>

<script>
    $("div.arrow").hover(function() {
        $('this').css("border", '#4da6ff');
    });
</script>

</div>

Answer 1

引用是 $(this) 或 this，而不是 $('this')。

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

信息:https://api.jquery.com/hover/