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'); 

私はこれを知っていると思います。結果から

が同じで、コーディング標準として使用することをお勧め考慮されている1？

Answer 1

値を正しくエスケープすることを心配する必要がないので、2番目の方が優れています。たとえば、異なる属性の値が動的であり、変数から構成されている場合、最初の例を使用した場合、値をフォーマットするために文字列の連結を行わなければならず、これらの変数の中に特殊文字があると、マークアップ。