javascript - Jquery 选择器找到 DOM 元素,但 native javascript 选择器返回未定义

标签 javascript jquery html dom jquery-selectors

我在 div 元素上使用原生 Javascript 选择器,如下所示

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

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

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

谁能推荐一下?

谢谢

最佳答案

因为 querySelectorAll 返回一个列表,而列表没有您要查找的属性。

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

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

关于javascript - Jquery 选择器找到 DOM 元素,但 native javascript 选择器返回未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43617278/

相关文章:

javascript - 如何使用 jquery 淡化文本装饰 css?

javascript - 如何在 Bootstrap 日期选择器中禁用当前月份的 future 月份

javascript - 限制悬停时 jquery 执行(次/次)

html - Internet Explorer CSS 内容属性后出现光标

javascript - 合并具有相同第一个键值的对象,因此其余键值将添加到合并对象中

javascript - 如何使用jquery隐藏文本框的值

javascript - 微小的 : How can I check if a window has been closed?

jquery - 我们可以使用 jQuery `on` 来静态创建 DOM 元素吗? on(event,selector,function) 和 on(event,function) 之间有什么区别

html - <span> 元素拒绝在 flexbox 中内联

javascript - 菜单在鼠标悬停时淡入淡出