jQuery: создавать новые объекты ... $ (объект)

Question

Не могли бы вы, ребята, помочь мне с этим jsFiddle ?: http://jsfiddle.net/4CNKa/2/

Я пытаюсь создавать новые (скрытые) объекты [ $ (object) ] на лету ..с jQuery ... но пока мне не повезло.В этом jsFiddle это div, но я хочу иметь возможность создавать $ ()

$(document).ready(function() {
    $("#msg") = '<div id="msg"></div>';
    $("#msg").html('<p id="test">My <em>new</em> text</p>');

    //FOR TESTING         
    alert( $("#msg").text() ); //FOR TESTING ONLY!!!
    $("#msg").appendTo('body'); //FOR TESTING ONLY!!!
});

Answer 1

Попробуйте это:

$(document).ready(function() {
    var div  = $('<div id="msg"></div>');
    div.html('<p id="test">My <em>new</em> text</p>');

    //FOR TESTING         
    alert( div.text() ); //FOR TESTING ONLY!!!
    div.appendTo('body'); //FOR TESTING ONLY!!!
});

Скрипка: http://jsfiddle.net/maniator/4CNKa/3/

Answer 2

Вы можете создавать новые элементы в jQuery следующим образом:

var el = $("<div class='className' />").html("Hello World!");
el.appendTo($("#container"));