Prezentacja multimedialna
Zapoznaj się z prezentacją multimedialną, która wyjaśnia kolejno:
jak załączyć
jQuery
do pliku HTML,jak wyszukiwać elementy, na których potem będziemy mogli wywoływać zdarzenia.
Korzystając z przykładowego projektu strony WWWprzykładowego projektu strony WWW, na podstawie przedstawionych informacji sprawdź możliwość wyszukania elementów. Otwórz plik script.js
i wykonaj poniższe polecenia. Pamiętaj, aby zapisać metody do zmiennych i wywołać je, używając console.log
(analogicznie, jak robiliśmy to w przypadku JavaScript
).
Korzystając z
next()
, znajdź element o idWelcome
i zwróć następny element.Korzystając z
prev()
, znajdź elementy o klasiemenu
, a następnie zwróć poprzedni.Korzystając z
siblings()
, znajdźlabel
i zwróć rodzeństwo każdego z nich.
Zapoznaj się z prezentacją, w której omówiono dodawanie zdarzeń przy użyciu jQuery
. Następnie wykonaj polecenie.
Przekształć zdarzenie, które zostało utworzone przy użyciu JavaScript w poleceniu nr 5 w sekcji „Przeczytaj”: znajdź w repozytorium element o klasie color_photo
, a następnie utwórz zdarzenie, które – po podwójnym kliknięciu w to zdjęcie – będzie w konsoli wypisywało dblclick
.