如何将DOM元素转换为jQuery元素？

Question

我正在使用document.createElement()创建一个元素.现在我如何将它传递给只接受Jquery对象的函数？

$("#id")

我无法使用它,因为该元素尚未在页面中呈现.

Answer 1

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

这是因为jquery不仅会使用字符串选择器,而且还会使用现有的jquery对象,或任何有效的dom对象作为主$()查询函数的参数. (10认同)
反过来可以通过以下方式完成:http://johnjianfang.blogspot.com/2009/04/convert-jquery-object-to-dom-object.html (2认同)

Answer 2

用jQuery构造元素怎么样？例如

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

创建一个新的div元素,准备添加到页面中.可以进一步缩短到

$("<div>")

然后,您可以链接您需要的命令,设置事件处理程序并将其附加到DOM.例如

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