Как добавить элементы в 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();
    }
});