如何向DOM添加元素，然後在Javascript/JQuery中引用那些添加的元素？

Question

添加元素使用這樣的頁面後，

$('#blah').append('<div id="bugsbunny"></div>'); 

我怎麼可以使用JavaScript/jQuery的與添加的元素？ DOM樹必須重建嗎？我想要做這樣的事情：

$('#bugsbunny').hide(); 

我怎樣才能得到這個工作？邏輯錯誤還是有另一種方法來做到這一點？

我已經考慮過使用.on或.live，但這些方法需要諸如「點擊」之類的事件。我的代碼看起來是這樣的：

$(document).ready(function(){ 
bamboo.addEventListener("load", dothisaction, false); 
}); 

function thisHappensAtAnotherTime() { 
$('#blah').append('<div id="bugsbunny"></div>'); 
} 

function dothisaction(evt) { 
    $('#bugsbunny').hide(); 
} 

然而，#bugsbunny不會消失，因爲加載頁面後，它被追加。我能做什麼？

在此先感謝！

編輯：我更新了我的代碼的樣子。

Answer 1

$(function(){ 
    var rabbit; 

    function thisHappensAtAnotherTime() { 
     rabbit = $('<div id="bugsbunny" />'); 
     $('#elmer').append(rabbit); 

     //no sure but i think you can do it like: 
     rabbit = $('<div id="bugsbunny" />').appendTo('#elmer'); 
    } 

    function dothisaction(evt) { 
     rabbit.hide(); 
    } 
});