Javascript 如何插入HTML片段并保存对外部元素的引用？

我一直想知道jQuery功能是如何工作的：

$（'helloworld'）[0]

它应该返回对新创建的span元素的引用。如何使用本机DOM方法实现相同的结果？插入相邻TML？innerHTML？文档碎片？ 我需要插入一个HTML片段并保存对外部元素的引用，而无需使用createElement/appendChild

---

谢谢。

可以创建元素，设置其内部HTML，然后返回第一个子元素。容器元素从未添加到DOM中：

var el = document.createElement('div');
el.innerHTML = '<span>Hello world</span>';
console.log(el.firstChild);

var el=document.createElement（'div'）；
el.innerHTML='Hello world'；
控制台日志（el.firstChild）；

如果它被包装在一个函数中，我相信一旦子容器被附加到其他地方，原始容器就可以进行垃圾收集

---

jQuery似乎在做一些更复杂的事情，检查字符串是否包含单个标记，并为更复杂的字符串创建一个片段。请参阅jQuery的源代码。

为什么不使用“createElement（）”或“appendChild（）”有限制？