Question

<span id="change">
    Stuff In Here
</span>

<script>
$("#change").on("mouseover", function () {
     $('#change').text("This is the new html");
});
</script>

以下不起作用，作为jQuery noob，我不知道为什么。

Answer 1

改变这个：

<script>
 $("#change").on("mouseover", function () {
   $('#change').text("This is the new html");
 });
</script>

因为您没有引用任何内容。试试这个：

<script>
  $(document).ready(function () {
    $("#change").mouseover(function () {
      $('#change').text("This is the new html");
    });
  });
</script>

嗯，小提琴中还有另一个错误。你没有在左上角选择任何jQuery版本。更新后，代码运行完美，从此我得出结论，您可能没有链接到您网站中的脚本。

尝试关联布局（网站）的script部分中的head文件

现在看看：http://jsfiddle.net/afzaal_ahmad_zeeshan/HMhVn/3/

我已经更新了它，它现在运行得很好:)。

Answer 2

你走了！ http://jsfiddle.net/HMhVn/6/

如果您需要，为了获得更大的灵活性，您可以先缓存原始字符串，然后再将文本放入变量中，然后再决定鼠标悬停的操作方法。

HTML：

<span id="change">
    Stuff In Here
</span>

JQuery的：

$(document).ready()
{
    $("#change").hover(
        function() // on mouseover
        {
            $(this).text("This is the new html");
        }, 

        function() // on mouseout
        {
            $(this).text("Stuff In Here");

        });
};

这允许您永久地更改它，它可以做到。就个人而言，我会对其进行编码以获得灵活性。

jQuery - 鼠标悬停在更改文本上

2 个答案: