Główna zawartość
Kurs: Programowanie > Rozdział 7
Lekcja 2: Dostęp do DOM z jQuery- Znajdowanie elementów z jQuery
- Wyzwanie: Jednorożce na stronie z jQuery
- Debugowanie stron internetowych z pomocą konsoli przeglądarki.
- Uzyskiwanie informacji o elementach w jQuery
- Wyzwanie: Słynne odkrycia
- Przypomnienie: Dostęp DOM z jQuery
- Projekt: detektyw DOM
- Przerwa Historyczna: Jak John zbudował jQuery?
© 2024 Khan AcademyWarunki użytkowaniapolitykę prywatnościInformacja o plikach cookie
Projekt: detektyw DOM
Strona Khan Academy zawiera jQuery, więc możesz otworzyć konsolę JavaScript i uruchomić poniższy kod, który zmieni tekst wewnątrz wszystkich elementów
<h1>
na stronie:$("h1").text();
Chcesz wiedzieć ile elementów
<h1>
jest na stronie? Uruchom poniższy kod:$("h1").length;
Teraz, spróbuj użyć selektorów CSS, aby znaleźć więcej elementów takich jak ten na stronie Khan Academy, na przykład:
- Wszystkie linki.
- Ten artykuł.
- Wszystkie zdjęcia.
- Nawigacja paska bocznego.
- Twoje imię w prawym górnym rogu.
- Tekst, który mówi 'Dom'.
- ...dalej!
Zapraszamy do podzielenia się swoimi selektorami w dyskusji poniżej, ale musisz pamiętać, że nasz HTML cały czas się zmienia, więc selektory, które kiedyś działały mogą kiedyś przestać działać. Dodatkowo, wiele selektorów CSS znajduje te same elementy, więc wiele odpowiedzi jest prawidłowych.
Przywdziej twój kapelusz detekywa i zacznij wędrować po stronie DOM!