繁体   English   中英

Javascript有效,但JQuery无效吗?

[英]Javascript works but JQuery does not?

我的代码是这样的:

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

第三行

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

可以,但是第四行

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

才不是。

我试图用替换

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

但它仍然不起作用。

所以我的问题是:为什么javascript可以工作,而不是JQuery版本?

将其添加到文档的<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>

假设您已经正确嵌入了jQuery库,但仍无法正常工作,请尝试以下操作:

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

如果这样可行,则意味着$速记可能已由页面上的另一个脚本保留。 您可以纠正该问题,也可以在该页面上使用“ jQuery”而不是“ $”作为jQuery命令的开头。

我已经将您的代码编码到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,您可以使用Google托管的版本

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

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

您可能缺少Jquery库文件。 请将附加信息附加到页面的<head>部分。

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

并将代码的第四行替换为:

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM