Question

我有一个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代码不起作用？

Answer 1

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

Answer 2

您可能与其他JavaScript库存在冲突。尝试查看http://docs.jquery.com/Using_jQuery_with_Other_Libraries

Answer 3

使用jquery我们可以这样做

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