无法使用 jQuery 将 HTML 代码附加到一个 div 中答案

【问题标题】：Can't append HTML code into one div by using jQuery无法使用 jQuery 将 HTML 代码附加到一个 div 中
【发布时间】：2010-11-26 05:04:57
【问题描述】：

我有一个 div id=userinfo

<html>
<head></head>
<body>
<div id=userinfo></div>
</body>
</html>

现在我想在这个 div 中添加一些内容，具体取决于 localStorage。

if (localStorage==0){$("#userinfo").append("<p>Test</p>");} else {$("#userinfo").append("<p>Hello</p>");}

但是不管我把这个脚本输入到单独的JS文件中还是将它们添加到html文件的头部，它都失败了。我尝试使用 Google chrome 开发者工具的控制台排除它，它按预期工作。

我尝试了另一种方法，将脚本更改为：

if (localStorage==0){alert("Test");} else {alert("Hello");}

并将其添加到 JS 文件中，它可以工作！

那么，现在我想知道为什么我的 jQuery 代码不起作用了？

【问题讨论】：

我试过了，效果很好。你能在jsfiddle 上重现错误吗？
您是否尝试过将代码放入 $(document).ready(function() {}); 中？
您好 Asif Mulla，感谢您的提示。在我将它们放入 $(document).ready(function(){}); 之后它就可以工作了如果您愿意，可以将其发布为答案:-)

【解决方案1】：

jquery append 函数将对象作为参数，而不是字符串 html。所以这应该可以解决你的问题，$("#userinfo").append($('<p>Test</p>'))

【讨论】：

【解决方案2】：

【讨论】：

【解决方案3】：

使用 jquery 我们可以在下面这样做

$( "<p>Test</p>" ).appendTo( "#userinfo" );

【讨论】：