jQuery选择器找到DOM元素，但本机javascript选择器返回未定义

Question

我在div元素上使用本机Javascript选择器，如下所示

var slider_image=document.querySelectorAll('.slider');
    slider_image.style.opacity=0;

这会返回我未捕获的拼写错误。 无法设置未定义的不透明度。 但是，当我在控制台中使用选择器找到div元素时，便获得了DOM。 但是我不能设置不透明度值，因为它显示了相同的错误。

但是，jQuery选择器可以完美地完成这项工作。 这里有什么问题？

有人可以建议吗？

谢谢

Answer 1

因为querySelectorAll返回一个列表，并且列表没有您要查找的属性。

其中，Jquery维护选定对象的集合，并在内部进行操作并应用您要求的更改。

但是，您也可以使用本机脚本执行相同的操作。 您需要做的就是遍历返回的列表，然后将样式应用于每个对象，而不是直接将其应用于列表。