Question

我的代码是这样的：

<script> 
    var name = document.getElementById("nusname").innerHTML;
    document.getElementById("uName").innerHTML = "Welcome, " + name;
    $('#uName').text("AsgufHFBS");
</script>

第3行

document.getElementById("uName").innerHTML = "Welcome, " + name;

但第4行

$('#uName').text("AsgufHFBS");

没有。

我尝试用

替换它

$(document).ready(function(){
    $('#uName').text("AsgufHFBS");
});

但它仍然不起作用。

所以我的问题是：为什么javascript工作但不是JQuery版本？

Answer 1

在文档的<head>中添加：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

或者只是更新您的代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script> 
    var name = document.getElementById("nusname").innerHTML;
    document.getElementById("uName").innerHTML = "Welcome, " + name;
    $('#uName').text("AsgufHFBS");
</script>

Answer 2

假设您已经正确嵌入了jQuery库并且它仍然无法正常工作，请尝试以下方法：

jQuery('#uName').text("AsgufHFBS");

如果有效则意味着$缩写可能会被页面上的另一个脚本保留。你可以纠正这个问题，或者只是用＆＃34; jQuery＆＃34;前面的jQuery命令。而不是＆＃34; $＆＃34;在那个页面上。

Answer 3

我已将您的代码编码为jsFiddle并且工作正常，但您是否在文件中包含了jQuery？如果你在浏览器中按f12，你会得到任何控制台日志吗？如果是这样，请提供。

但是这里是包含jQuery的jsFiddle版本

jsFiddle：https://jsfiddle.net/bn788ff4/

HTML

<div id="nusname">hello</div>
<div id="uName">username</div>

Javascript / jQuery

var name = document.getElementById("nusname").innerHTML;
document.getElementById("uName").innerHTML = "Welcome, " + name;
$('#uName').text("AsgufHFBS");

要包含jQuery，您可以使用谷歌的托管版本

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

链接https://developers.google.com/speed/libraries/

Answer 4

您可能缺少Jquery库文件。请将愚蠢的内容附加到您网页的<head>部分。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

并将代码的第4行替换为：

$('#uName').html("AsgufHFBS");

Javascript有效，但JQuery没有？

4 个答案: