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

在使用类似这样的方法向页面添加元素之后

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

我怎样才能让它工作？逻辑是错误的还是有其他方法可以做到这一点

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

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

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

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

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

$（文档）.ready（函数（）{
Bambol.addEventListener（“加载”，dothisaction，false）；
});
函数thisHappensAtAnotherTime（）{
$（'#blah'）。附加（''）；
}
函数dothisaction（evt）{
$（'bugsbunny'）.hide（）；
}

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

提前谢谢

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

<代码>$（函数（）{

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

兔； 函数thisHappensAtAnotherTime（）{ 兔子=$（''）； $（'#elmer'）。追加（兔子）； //不确定，但我认为你可以这样做： 兔子=$（''）.appendTo（'#elmer'）； } 函数dothisaction（evt）{ 兔子。隐藏（）； } });

---

是否将代码包装为$（document）.ready（）？如果没有，您的代码可以工作，只是没有#blah元素yetYou可以使用DOM Inserted和DOM Removed事件。。。无论何时在DOM中添加内容，都将触发此事件。。你可以在功能上采取适当的行动。。这里有相同的问题和答案：如果在另一个函数中定义了rabbit，我怎么做？请参阅问题中我更新的代码。谢谢更新了我的答案。只需将

rabbit

变量放到双方都能看到的范围内。谢谢。这似乎很有效，但如何在兔子身上使用.css（）

rabbit.css（'width'，thisvariablevalue）

似乎不起作用。我是不是处理得不对？感谢您说明此变量值的来源？它位于代码中的哪一部分？很抱歉，我刚刚忘记将div html包含在$（）中。facepalm非常感谢您的帮助！