jQuery选择器上的JavaScript方法

如何从JQuery选择器访问核心HTMLDOM元素

例如，以下代码：

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

将不起作用，因为

$（document.body）

引用的DOM对象被JQuery选择器对象环绕

---

（请不要建议我使用jQuery的

append（）

，这只是一个例子）

jQuery对象是本机DOM元素的数组。所以试试这个：

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

另一方面，如果您有一个本机DOM元素，则可以将其包装到jQuery对象中，以便在其上使用jQuery的方法

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

---

这是一个本机DOM代码，应该可以正常工作：

document.body.appendChild(x)

---

由于jQuery是在Sizzle之上构建的，所以您可以在链接下参考Sizzle的文档

由于

$

只是一个别名，您可以参考以下文档：

$(String selector[, DOMNode context[, Array results]])

查找元素的主要功能。如果需要，则使用querySelectorAll 可用

即使只有一个元素，上面的命令也会返回一个数组。因此，如果要精确引用一个元素，必须使用如下数组索引：

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

.get（）

应该这样做：

$(document.body).get(0)

---

您想尝试查看它是否有效？

$（document.body）[0]。appendChild（x）

，此处

$（document.body）[0]

返回dom对象如果要使用本机Javascript函数，为什么还要使用jQuery？然后，您就毫无目的地包含了数千行代码。@Arjun为什么要将其包装在jq对象中？事实上，我从你的帖子里看不出任何理由example@D4V1D这肯定行不通。我想知道如何让它工作。我还编辑了这个问题以突出我的意图。jq对象是类似数组的对象，而不仅仅是数组

$（document.body）.get（0）.appendChild（x）

@Jai为什么不

document.body

@Tushar，因为op想要将js方法分配给jquery对象。我想你的评论应该可以在所有其他的答案上找到……；）@我编辑了我的答案，我希望我正确地理解了你！否则，您能否指定

JavaScript选择器

的含义？@Arjun您能否详细说明您的语句？@Jai No.

var elem=document.querySelector（“#parent.child:nth child（1）”$addClass（'HelloWorld'）在Javascript上调用jQuery方法objects@Jai我知道，但这正是OP想要的，反之亦然，我知道当您可以直接使用jQuery，但OP想要它时，这不是首选