关于jQuery选择器的JavaScript方法

Question

如何从JQuery选择器访问核心HTML DOM元素？

例如,以下代码:

$(document.body).appendChild(x);

将无法工作,因为$(document.body)引用的DOM对象由JQuery选择器对象包围.

(请不要建议我可以使用jQuery append()代替它,它只是一个例子)

Answer 1

jQuery Objects是本机DOM元素的数组.试试这个:

$(document.body)[0].appendChild(x)

另一方面,如果你有一个原生DOM元素,你可以将它包装在一个jQuery对象中,以便在其上使用jQuery的方法.

var x = document.getElementsByTagName('div');
$(x).remove(); // wrap it with $ to use jQuery methods.