javascript和jquery选择元素时[0]的使用

在写作业的时候遇到了一些问题，在这里记录一下：
javascript中选择元素时：
1.element.getElementsByTagName() 返回指定标签名的所有子元素集合。是集合，使用[]选择集合元素，element.getElementsByTagName()[0],即集合第一个元素;

2.element. getElementsByClassName() 返回文档中所有指定类名的元素集合，作为 NodeList 对象。getElementsByClassName() 方法返回文档中所有指定类名的元素集合。同上，element. getElementsByClassName()[0]，即集合第一个元素;

3.document.getElementById() 返回对拥有指定 id 的第一个对象的引用。id唯一，非集合。不能使用[].
jquery中选择元素时
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲id")这是jquery获取通…("#id")[0]是获取js原生的dom对象，可以使用javascript中的属性,含义不再一样。
$(“xxx”)[0]，这种“jQuery对象”加下标的方式可以将“jQuery对象”转换为“js对象”，这样我们就可以使用“js对象”的属性和方法了；
我参考的文章-jquery中[0]的作用
我参考的百度回答