Jquery 当鼠标悬停在链接上时更改站点上的文本

不确定这是否可行，但我的网站上有文本，当链接上有鼠标时，我想更改这些文本

比如说。“主页”一词出现在页面的中间位置。当用户将鼠标放在一个单独的链接上时，我会将该单词更改为我为该链接指定的内容。有什么好办法吗

---

谢谢

您可以尝试以下方法：

<p>hover me!</p>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").hover(function(){
    $("p").html("You are hovering me!");
    },function(){
    $("p").html("hover me!");
  });
});
</script>

让我停下来

$（文档）.ready（函数（）{
$（“p”）.hover（函数（）{
$（“p”）.html（“你在盘旋我！”；
}，函数（）{
$（“p”）.html（“悬停我！”）；
});
});

您可以将一个类添加到要触发文本更改的链接中，然后订阅该类的鼠标悬停事件并更改文本。。看起来是小菜一碟

<a href="whatever" class="linkClass" data-text="textToChange">link</a>

---

如果你总是知道你想要的悬停文本是什么，这里有一个CSS选项：

<style>
  a:hover .replace-me {
    display:none;
  }
  a:hover:after {
    content:'Switcheroo!';
  }
</style>
<a href="#"><span class='replace-me'>Hover on me!</span></a>

停下来，换我{
显示：无；
}
a:悬停：之后{
内容：'Switcheroo！'；
}

---

演示：

您尝试了什么？你能给我们看看你现在的密码吗？有关stackoverflow问题的提示，请参见。

从jQuery 1.7开始，.live（）方法已被弃用。使用.on（）附加事件处理程序。较旧版本的jQuery用户应该优先使用.delegate（），而不是.live（）。

谢谢你，丹尼尔，我会尽量记住避免XD

<style>
  a:hover .replace-me {
    display:none;
  }
  a:hover:after {
    content:'Switcheroo!';
  }
</style>
<a href="#"><span class='replace-me'>Hover on me!</span></a>