Javascript 在Jquery中读取HTML而不添加到DOM

在阅读时碰巧看到了这段代码。对ajax调用的响应是纯html，如下所示：

<div id="connectionId">123444</div>

$('<div id="connectionId">123444</div>').text() // output 123444

123444

令我惊讶的是，他们能够像这样检索到值：

<div id="connectionId">123444</div>

$('<div id="connectionId">123444</div>').text() // output 123444

$（'123444'）.text（）//输出123444

我的印象是，只有将jQuery添加到DOM中，它才能读取这些值

有人能分享一些关于这种行为的信息吗。我在这里理解错了什么

注意：它没有在DOM中创建div元素

---

在DOM上不需要元素

通过简单地调用这个

$（“123444”）.html（）

您将得到

123444

，但是如果您将html元素包装到父元素中，如

$（“123444”）.html（）

输出将是

123444

您还可以使用

find

函数获取所需的元素。

---

$（'123444'）

创建一个jquery DOM元素，id为

connectionId

，包含

123444

的文本。DOM元素存在并在内存中，它只是没有附加到页面的DOM。jQuery可以读取/操作任何包装好的DOM元素，这一点都没有问题，不管它是否是页面DOM的一部分。你能再解释一下吗？jQuery基本上是使用文档片段创建一个新的jQuery对象（我想），所以不需要将它们添加到DOM中，它们就可以工作了。所以@Andy使用document.createDocumentFragment（）管理？？不是我想要的