Как я могу преобразовать элемент DOM в элемент jQuery?

Я создаю элемент с document.createElement (). Теперь, как я могу передать его функции, которая принимает только объект Jquery?

$("#id") 

Я не могу использовать его, так как элемент еще не отображен на странице.

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

Как насчет создания элемента с использованием jQuery? например

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

создает новый элемент div, готовый для добавления на страницу. Можно сократить до

$("<div>")

Затем вы можете связать нужные вам команды, настроить обработчики событий и добавить их в DOM. Например

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

Пока лучшее решение, которое я сделал:

function convertHtmlToJQueryObject(html){
    var htmlDOMObject = new DOMParser().parseFromString(html, "text/html");
    return $(htmlDOMObject.documentElement);
}