jquery - jQuery - 鼠标悬停更改文本

Question

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

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

以下不起作用，作为一个 jQuery 菜鸟，我不知道为什么。

Answer 1

干得好！http://jsfiddle.net/HMhVn/6/

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

HTML：

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

查询：

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

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

        });
};

这允许您永久更改它或不更改它，这取决于它。就个人而言，我会对其进行编码以提高灵活性。

Answer 2

改变这个：

<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/

我已经更新了它，它现在运行完美:)