How can I convert a DOM element to a jQuery element?

Question

I am creating an element with document.createElement(). Now how can I pass it to a function that only takes a Jquery object?

$("#id")  

I can not use it, as the element has not been rendered in the page yet.

Answer 1

var elm = document.createElement("div"); var jelm = $(elm);//convert to jQuery Element var htmlElm = jelm[0];//convert to HTML Element 

Answer 2

What about constructing the element using jQuery? e.g.

$("<div></div>") 

creates a new div element, ready to be added to the page. Can be shortened further to

$("<div>") 

then you can chain on commands that you need, set up event handlers and append it to the DOM. For example

$('<div id="myid">Div Content</div>')     .bind('click', function(e) { /* event handler here */ })     .appendTo('#myOtherDiv');