sélecteur Jquery trouve l'élément DOM, mais retourne sélecteur javascript natif undefined

Question

j'utilisais le sélecteur Javascript natif sur un élément div comme suit

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

Cela me renvoie l'erreur typo uncaught. Impossible de définir l'opacité de undefined. Cependant, quand je trouve l'élément div en utilisant le sélecteur dans la console, j'obtiens le DOM. Mais encore une fois, je ne peux pas définir les valeurs d'opacité car il montre la même erreur.

Cependant, le sélecteur jquery fait parfaitement l'affaire. Quel est le problème ici?

Quelqu'un pourrait-il suggérer?

Merci

Answer 1

Parce que querySelectorAll retourne une liste et la liste doens't ont les propriétés que vous recherchez. Où JQuery gère les collections d'objets sélectionnés et effectue des opérations en interne et applique les modifications demandées. Cependant, vous pouvez faire la même chose avec le script natif également. Tout ce que vous devez faire est de parcourir la liste retournée et appliquer les styles sur chaque objet au lieu de l'appliquer directement à la liste.