创建和编写html元素之间的差异

Question

我想知道它们之间的区别：

// Way 1
var html = '<div id="4" class="selected">
               <span id="span2">Content</span>
            </div>';


// Way 2 
var div = $('<div>').attr('id', 4).addClass('selected');
var span = $('<span>').attr('id', 'span2').text('Content');
div.append(span);
var html = div;

方式1 很简单。

在这种情况下，

方式2 看起来不错，但是当嵌套元素更多时，可能难以编写和读取。

Way 2 有什么特别之处吗？

Answer 1

在Way2中，您可以轻松编辑每个对象。与添加文本一样，删除标记或属性。 但是在Way1中，当嵌套元素更多时，您无法轻松找到所需的每个区域，如果您想编辑html，您将花费更多时间来查找要编辑的标记。 因此，当嵌套元素更多

时，我认为Way2优于Way1

Answer 2

Way2仅用于动态目的。