複数の要素の内側と、この要素を考えるとDOM

Question

に接続して新しいDOM要素を作成する：

<div class="box" id="trololo"> 
    <h2 class="header gradient-red"></h2> 
    <div class="body"> 
      <div class="queue"> 
       <ul class="queue-list"> 

       </ul> 
      </div> 
      <div class="time"> 

      </div> 
    </div> 
</div> 

スケルトンですが、私は、DOMに挿入、隠し、それがエントリのアニメーション化したいと思います。

jQuery('</div>',{ 
    id: 'trololo', 
    class: 'box' 
}).hide().appendTo('#anotherDiv').fadeIn('slow'); 

しかし、どうすればこのように複数の要素を連結できますか？

私はhtmlプロパティで全体のhtmlを追加する方法について考えてきましたが、私のために細かい音はありません。これはあなたが決定するためにあなたが探していた「読みやすさ」であるかどうか

Answer 1

Live Example

$("<div>", { 
    className: 'box', 
    id: 'trololo' 
}).append(
    $('<h2>', { 
     className: 'header gradient-red' 
    }), 
    $('<div>', { 
     className: 'body' 
    }).append(
     $('<div>', { 
      className: 'queue' 
     }).append(
      $('<ul>', { 
       className: 'queue-list', 
       textContent: 'dummy-text' 
      }) 
     ), 
     $('<div>', { 
      className: 'time' 
     }) 
    ) 
).hide().appendTo('#anotherDiv').fadeIn('slow'); 

。

Answer 2

は、なぜあなたはベースHTMLドキュメントにHTMLフラグメント（隠された）を追加しないと、あなたがする必要があるとき、単に（「遅い」）.fadeInを呼びますか？