當我用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');