Добавить div в конец документа с помощью jQuery?

Question

Я хотел бы написать функцию, используя jQuery для добавления div в конец веб-страницы.Я хотел бы иметь возможность использовать эту функцию на многих страницах.

Я написал следующий код, но он не работает:

    $(document).append('<div id="helloDiv"></div>');
    $('#helloDiv').html('hello'); // does nothing
    $('#helloDiv').css('top','100') // throws an error

Как это исправить

Answer 1

Бессмысленно добавлять к document. Вместо этого добавьте к узлу body документа, так как здесь все видимое содержимое:

$(document.body).append('<div id="helloDiv"></div>');

Answer 2

Если вы хотите, чтобы он был в конце body, почему бы не использовать:

$('body').append('<div id="helloDiv"></div>');
$('#helloDiv').html('hello');
$('#helloDiv').css('top', 100);

http://jsfiddle.net/ptuxX/

Однако, просто .css('top', 100) мало что делаетесли вы не установите position на absolute.

Answer 3

Попробуйте:

$('body').append('<div id="helloDiv"></div>');
$('#helloDiv').html('hello');
$('#helloDiv').css('top', '100');

Или просто добавьте содержимое и его css перед добавлением div.

var $newdiv = '<div id="helloDiv">hello</div>';
$('body').append($newdiv);