jQuery的CSS動態或靜態html元素

Question

在我的網站我必須創建動態元素。

，一些元素有很多類似的屬性：ID，等級，稱號，HREF的鏈接等等

我一直在尋找在不同網站上的一些例子，我看到2個不同的方式，我可以建立我的代碼

＃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

第二個更好，因爲您不必擔心正確地轉義值。例如，如果不同屬性的值是動態的並且來自變量，則如果使用第一個示例，則必須進行字符串連接以格式化值，然後如果這些變量中存在特殊字符，則可能會產生無效標記。