jquery css 动态或静态 html 元素

Question

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

一些元素有很多属性，例如:id、class、标题、链接的 href 等...

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

#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

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