不能使用jQuery将HTML代码附加到一个div中

我有一个div id = userinfo

   

现在我想在这个div中添加一些东西,具体取决于localStorage。

 if (localStorage==0){$("#userinfo").append("

Test

");} else {$("#userinfo").append("

Hello

");}

但它失败了,无论我将此脚本输入到单独的JS文件中还是将它们添加到html文件的头部。 我尝试使用Google Chrome开发人员工具的控制台排除此问题,它按预期工作。

我尝试了另一种方式将脚本更改为:

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

并将其添加到JS文件中,它的工作原理!

所以,现在我已经堆积了为什么我的jQuery代码不起作用?

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

Test

'))

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

使用jquery,我们可以这样做

$( "

Test

" ).appendTo( "#userinfo" );