Javascript 将鼠标悬停在链接上时是否更改div内容？

我想在将鼠标悬停在其他文本上时更改

div

的文本

如何使用JavaScript或jQuery实现这一点

<a href="#">change your div text</a>
<div class="original">
   <p class="old">this is my first quesstion on stackoverflow and i hope to be solved</p>
</div>

<p class="new"> the new text i want to add</br>
i will use big text really and i want to change it</p>

这是我关于stackoverflow的第一个问题，我希望得到解决
我要添加的新文本

我将使用大文本真的，我想改变它

---

当鼠标悬停在上面的链接上时，如何将旧的

p

类替换为新的

p

类，以及如何在鼠标悬停停止时使其返回到原始类？

如果要使用jQuery，您可能正在寻找该函数

当鼠标进入（和退出）元素时，它接受一个或两个处理程序

var old = $(".old").html();
var now = $(".new").html();
$("a").hover(function(){
    $(".old").html(now);
}, function(){
    $(".old").html(old);
});

这将原始文本存储在

old

中，新文本存储在

now

（

new

是保留字）。

mouseenter

处理程序将文本更改为新文本，

mouseexit

处理程序将其更改回原始文本

要使其正常工作，您需要将新文本设置为

hidden

（请参见演示）

---

@AstroCB的答案是正确的

@Css人：对于您的额外需求，您可以使用setTimeout方法

var old = $(".old").html();
var now = $(".new").html();
$("a").hover(function(){
    $(".old").html(now);
}, function(){
    setTimeout(function() {
    $(".old").html(old);
    }, 2000);
});

请参见演示：

更新：对于新的4个步骤，需要：

var old = $(".old").html();
var now = $(".new").html();
$("a").hover(function(){
    $(".old").html(now);
}, function(){
    // make time to change your mouse from <a> to <p> (here is 2s)
    var timer = setTimeout(function() {
        $(".old").html(old);
        // if timeout, unbind (A)
        $(".old").unbind('mouseenter mouseleave');
    }, 2000);

    // if you hover <p>, there are new business (A)
    $(".old").hover(function() {
        clearTimeout(timer);
    }, function() {
        $(".old").html(old);
    });
});

var old=$（“.old”）.html（）；
var now=$（“.new”）.html（）；
$（“a”）.hover（函数（）{
$（“.old”）.html（现在）；
}，函数（）{
//腾出时间从
更改鼠标是的，在我看来效果不错，但如何在新文本中停留一段时间（复制或其他）？它会自动消失，我无法接触到新文本来复制新文本？@CssMan确定：看一看。它会等待5秒钟再更改回旧文本。如果要更改时间量，请更改
设置超时
中的
5000
（以毫秒为单位）顺便说一下，如果我的答案对你有用，请点击旁边灰色的复选标记，让我们两个。我需要的是：1——当在链接上悬停时，它将旧文本改为新的2——我可以移动到新的文本而不消失，复制或读取3——当悬停出新的文本返回旧文本时，我希望它现在清晰，但是我不需要它被时间限制，我需要它被限制在鼠标离开新文本时，谢谢你的努力，我可以问另一个问题，如果我也想当鼠标离开链接和新文本时，它返回到旧的，因为在以前的情况下，当鼠标离开链接时，我仍然有新的text@CssMan好吧，这需要一点修补：你怎么了'从技术上讲，您请求的是不可能的，因为您希望它检查用户是否在新文本上悬停，同时也在链接上悬停（如果有意义的话）。但是，我确实设法让它按照您描述的方式工作，在段落变回旧文本之前，给用户半秒钟的时间在段落上悬停。请检查它。这也可以使用4ME$（'a'）。悬停（函数（）{$（'.old'）.hide（）；$（'.new'）.show（）；}，函数（）{$（'.old'）.show（）；$（'.new'）.hide（））}）；使用css.new{display:none；}我不知道为什么删除了那篇文章？？我在堆栈溢出时是新的？但这也是同样的事情，如何在新文本中停留一段时间（复制或其他）？它会自动消失，我无法接触到新文本？是的，你和@AstroCB r都是对的，但我不需要时间，我需要的是当鼠标悬停在新文本上时，它会返回到旧文本！我需要的是：1-当鼠标悬停在链接上时，它会将旧文本更改为新文本2-我可以移动到新文本而不消失以制作副本o阅读好3-当鼠标悬停时，新文本返回到旧文本！我希望现在它清楚了，谢谢你们的努力