Javascript jQuery和<；对话>；要素

我在试着用新的。下面是一些测试代码：

<dialog id="addSystemDialog">
    <p>This is a dialog</p>
    <button id='close'>Close dialog</button>
</dialog>
<button id='show'>Show add dialog</button>

如果我将第一行js更改为

var dialog = $('dialog');

---

它不再起作用了。为什么？

文档。querySelector

返回第一个匹配项

jQuery返回所有匹配项的数组

---

如果使用

$（'dialog'）[0]

，应该会得到相同的结果。

页面中是否包含jQuery？

var dialog = $('dialog');