Creating a div element in JQuery

Question

Hi, How to create a div element in JQuery??

Answer 1

<p id="foo"></p>

$('#foo').html('<div></div>');

Answer 2

check http://blogs.microsoft.co.il/blogs/basil/archive/2008/08/21/jquery-create-jquery-plug-in-to-create-elements.aspx

Answer 3

$("<div></div>").appendTo("div#main");

will append a blank div to <div id="main"></div>

Answer 4

Hope this helps

div = $("<div>").html("Loading......");
$("body").prepend(div);

Answer 5

First select the parent element with something like

$("#id"), $("<element>") or $(".class")

then use the .append("<div>foo</div>") function. Alternatively, you can use the .html() as mentioned above.

$("#foo").append("<div>hello world</div>")

Answer 6

Technically $('<div></div>') will 'create' a div element (or more specifically a DIV DOM element) but wont add it to your HTML document. You will then need to use that in combination with the other answers to actually do anything useful with it (such as using the append() method or such like).

The manipulation documentation gives you all the various options on how to add new elements: http://docs.jquery.com/Manipulation