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

Question

使用类似方法将元素添加到页面后，

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

如何将javascript / jquery与添加的元素一起使用？ DOM树是否必须重新构建？ 我想做这样的事情：

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

我该如何工作？ 逻辑是错误的还是还有其他方法可以做到这一点？

我已经考虑过使用.on或.live，但是这些方法需要一个事件，例如“ click”。 我的代码如下所示：

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