当我用jQuery更改HTML时，为什么我的DOM不会更新？

Question

我有以下几点：

<div id="info-message"></div> 

，我改变了文本的DIV之间是这样的：

$('#info-message').html = "xxx"; 

不过即使我可以在Firebug调试通过这一步我没有看到屏幕上的任何变化，当我用萤火虫看时，什么也不添加。

Answer 1

因为html是一个方法，你需要称它为一个：

$('#info-message').html("xxx"); 

当前，您正在设置将jQuery对象的html属性赋给字符串“xxx”。

Answer 2

的html()的jQuery方法的正确用法是：

$('#info-message').html("xxx"); 

而如果你想获取一个元素的HTML：

$('#info-message').html(); 

Answer 3

$('#info-message').html('xxx') 

Answer 4

您必须使用html()方法：

$('#info-message').html("xxx"); 

，如果要追加一个元素，其DOM工作，你可以使用以下命令：

var contentDiv = $('<div class="content">xxx</div>'); 
$('#info-message').append(contentDiv); 

contentDiv.css('color', 'red');