Jquery 选择器找到 DOM 元素，但原生 javascript 选择器 returns 未定义

Question

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

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

这个 returns 是我未发现的拼写错误。无法设置未定义的不透明度。但是，当我在控制台中使用选择器找到 div 元素时，我得到了 DOM。但是我再次无法设置不透明度值，因为它显示相同的错误。

然而，jquery 选择器完美地完成了这项工作。这里有什么问题？

有人可以推荐吗？

谢谢

Answer 1

因为querySelectorAll returns 一个列表和列表没有您要找的属性。

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

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

Jquery selector finds the DOM element but native javascript selector returns undefined