如何将元素添加到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();
}

但是，#bugsbuny并没有消失，因为它是在页面加载后附加的。我能做什么？

提前感谢！

编辑：我更新了我的代码。

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();
    }
});