如何使用JQuery/Javascript更改悬停时div的内容

我试图在使用JQuery将div悬停在上面时更改其内容。我已经看到了关于堆栈溢出的答案，但我似乎无法让它工作

我试过了

$( "imgDiv" ).mouseover(
    function() {
        $("tdiv").textContent = "hovering";
    }, 
    function() {
        $("tdiv").textContent = 'title';
    }
);

我还将鼠标悬停替换为鼠标悬停。我使用了一个变量和实际的div来代替imgDiv

这就是我的代码的样子：

imgDiv=document.getElementById'imgDiv'； tDiv=document.getElementById'titleDiv'； $imgDiv.鼠标悬停 作用{ $tdiv.textContent=悬停； }，功能{ $tdiv.textContent='title'； } ; 身体{ 背景：白色； 填充：20px； 字体系列：Helvetica； } 伊姆格迪夫{ 宽度：100px； 高度：100px； 背景颜色：粉红色； } 标题

---

可以使用jQuery将div作为目标，并存储其原始值。在mouseout上，您可以恢复它。此外，使用mouseenter还可以减少逻辑进程的次数，因为每次鼠标在元素上移动时，mouseover都会触发

变量$titleDiv=$'titleDiv'； $imgDiv .on'mouseenter'，函数{ $titleDiv.data'originalText'，$titleDiv.text； $titleDiv.文本“悬停”； } .on'mouseout'，函数{ $titleDiv.text$titleDiv.data'originalText'； }; 身体{ 背景：白色； 填充：20px； 字体系列：Helvetica； } 伊姆格迪夫{ 宽度：100px； 高度：100px； 背景颜色：粉红色； } 标题 首先，将$imgDiv替换为$imgDiv以获得id为imgDiv的元素

如果$tdiv不存在，您可能是指$div来选择DOM中的标记

最后，$tdiv.textContent不存在。您可以尝试$div.html或$div.text来获取标记内容

-

快速提醒：

$div将选择标签

$.element将选择class=element的标记

$element将选择id=element的标记

您可以使用jQuery的.hover函数和.text函数来执行您想要的操作。另外，不需要document.getElementById：

$imgDiv.hover 作用{ $titleDiv.text悬停； }, 作用{ $titleDiv.文本“标题”； } ; 身体{ 背景：白色； 填充：20px； 字体系列：Helvetica； } 伊姆格迪夫{ 宽度：100px； 高度：100px； 背景颜色：粉红色； } 标题

---

你需要像这样尝试

$imgDiv.mouseoverfunction{ $titleDiv.text悬停； }.鼠标移动功能{ $titleDiv.文本“标题”； }; 身体{ 背景：白色； 填充：20px； 字体系列：Helvetica； } 伊姆格迪夫{ 宽度：100px； 高度：100px； 背景颜色：粉红色； } 标题 简单的解决方案

var s=document.getElementsByTagName'div'； 发挥作用{ s[0]。innerHTML='hello'； } 函数ibn{ s[0]。innerHTML='Myname'； }

---

Myname您不能用纯Javascript调用引用dom，而让他们用jQuery来操作它——这是行不通的

试试这个：

$( "#imgDiv" ).mouseover(function() {
      $("#titleDiv").text("hovering");     
});

代码中必须先使用titleDiv id，然后使用id名称引用该id

---

另外，请使用$name_of_id.text您的内容而不是.textContent

tdiv不是有效的选择器。这不是一件你试图用引号括住变量的事情。删除引号。jQuery也不公开textContent。使用textnewvalue代替。jQuery使用.text或.htmlth这基本上充斥着基本错误，因此请返回堆栈溢出的答案，更仔细地阅读它们，而不仅仅是给出代码答案，还要尝试解释为什么这会起作用以及如何起作用。