:jquery中的文本.append

时间:2015-11-14 06:15:48

标签: jquery html5

我的问题是为什么在div中添加:text会显示正在显示的文本?这是我在试图了解幕后发生的事情之后的功能。我已经阅读了.append上的jquery文档和div属性的html5文档。

答案可能正盯着我看!

HTML

<div id="Content">
<button id="Add">Add Text</button>
</div> 
<div></div>

JS

 $(function () {
  $('#Add').on('click', function () {
    $('<div/>', 
      {text:"why does this work?", x: 2}
     ).appendTo('#Content');
  });
}); 

1 个答案:

答案 0 :(得分:2)

这只是因为您正在创建一个新元素,然后将其附加到DOM树。

在幕后,通过div调用,您将创建一个新节点作为HTML分区(text)。 ,你给它一些innerHtml;想象这是给它一些内容。 ui-router也可以,但正如你所说。

然后,您将此节点附加到树中; DOM引擎正在重新渲染块,从而显示元素。

由于我不知道的工作原理,我无法比较两者。