Zamiana jQuery na czysty JS

Dział poświęcony JavaScriptowi - tworzeniu dynamicznym stron WWW.
vixrealitum
Nowicjusz
Posty: 1
Dołączył(a): niedziela, 10 maja 2020, 01:18

Zamiana jQuery na czysty JS

Post przez vixrealitum »

Witam, Przeszedłem kurs na Udemy - Javascript od podstaw do eksperta i w ramach ćwiczenia chciałem sobie przerobić fragment kodu jquery na czysty js.

kombinuję już jakiś czas i nie mogę uzyskać zamierzonego efektu hover dlatego zwracam się o pomoc.

Problem mam głównie z zastąpieniem poniższego fragmentu jQuery

Code: Zaznacz cały

Atrybut($(this).find('.serviceBoxInner')
czystym js - probuję zastąpić to tym:

Code: Zaznacz cały

Atrybut(document.querySelector('.serviceBoxInner')
Finalnie uzyskuję efekt zaznaczenia tylko pierwszego elementu, natomiast przy querySelectorAll - następuje wybranie wszystkich. Nie zupełnie o to mi chodzi. Najeżdżając kursorem na jeden div nie chcę aby mi się pojawiły wszystkie o tej klasie, tylko ten konkretny.

Fragment tego kodu wrzuciłem na jsfiddle aby bardziej zobrazować mój problem
poprawnie działa z jquery -> https://jsfiddle.net/d6uv1gb7/4/
nie do końca poprawnie działa z czystym js -> https://jsfiddle.net/nyvLjf3c/1/

Dziękuję i pozdrawiam.
Morfidon
Administrator
Administrator
Posty: 1332
Dołączył(a): wtorek, 5 sierpnia 2008, 21:48
Contact:

Re: Zamiana jQuery na czysty JS

Post przez Morfidon »

Hej :)

Nie szukaj po całym dokumencie (document.) tylko zacznij szukanie od poszczególnych elementów zgodnie z:
https://developer.mozilla.org/en-US/doc ... rySelector

Na Udemy jest sekcja: "pytania i odpowiedzi" -> gdzie możesz zadawać pytania.

Pozdrawiam :)

Arkadiusz
Post Reply