jquery - 当我使用 jQuery 更改 HTML 时，为什么我的 DOM 没有更新？

Question

我有以下内容：

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

我正在更改 DIV 之间的文本，如下所示：

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

但是，即使我可以在 firebug 调试器中逐步完成此操作，我也没有在屏幕上看到任何更改，并且当我查看 firebug 时也没有添加任何内容。

Answer 1

因为html是一种方法，所以你需要像这样调用它：

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

目前，您正在将htmljQuery 对象的属性设置为字符串“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');