jquery css动态或静态html元素

Question

在我的网站中，我必须创建动态元素。

某些元素有很多属性，例如：id，class，title，href for links ...

我正在查看不同网站上的一些示例，我看到了两种不同的方式来构建我的代码

＃1静态

$('#mydivid').html('<a href="http://domain.com/page.html" title="my link" id="linkid" class="links-green">link</a>');

＃2动态

var anchor = $('<a />', {
  className: 'links-green',
  id: 'linkid',
  title: 'my link',
  href: 'http://domain.com/page.html',
  text: "linkk",
}).appendTo('#mydivid');

我想知道这个：

由于结果相同，哪一种更适合用作编码标准？

Answer 1

第二个更好，因为您不必担心正确转义值。例如，如果不同属性的值是动态的并且是从变量进行的，则如果使用第一个示例，则必须进行字符串连接以格式化值，然后如果这些变量中有一些特殊字符，则可能产生无效标记。