`querySelector` 用于选择第一个匹配的DOM元素，找不到则返回null。`querySelectorAll` 返回所有匹配元素的NodeList，找不到则返回空NodeList。示例中，`querySelector` 获取第一个 `<a>` 元素，而 `querySelectorAll` 获取所有 `<a>` 元素。

querySelectorAll和querySelector是选择文档中匹配CSS选择器的元素的方法，querySelector返回第一个匹配的元素，querySelectorAll返回所有匹配的元素数组。可以使用通配符选择所有标签，也可以根据父元素、class、id、属性等进行选择。还可以使用伪类选择特定条件下的元素，如选择索引为偶数的tr标签。

querySelector和querySelectorAll的用法和getElementBy大致一样，获取的时候带上符号，getElementBy 获取的是元素的动态集合，querySelector 获取的是元素的静态集合。 但是需要注意：getElementBy 系列和 querySelector 系列的区别 比如，我们写一个 for 循环，每次获取 li 标签的时候，ul 生成一个...

文章讨论了作者从Cursor转向Qoder的开发工具使用经历，并分享了对南京大屠杀纪念馆的参观感受，强调了和平的重要性。

querySelector和querySelectorAll与getElementBy系列的主要区别在于获取元素的方式。getElementBy获取动态集合，而querySelector获取静态集合。使用for循环时，直接使用动态集合可能导致死循环，通过将动态集合静态化可以避免此问题，确保获取的元素数量不受后续动态添加的影响。