Przypomnienie: Dostęp DOM z jQuery

Aby znaleźć elementy DOM z jQuery przekaż poprawny selektor CSS do funkcji jQuery:

$("h1"); // wybiera wszystkie h1
$("#heading"); // wybiera element z id "heading"
$(".warning"); // wybiera wszystkie elementy z klasą "warning"

Pamiętaj, że funkcja jQuery może nazywać się $ lub jQuery, więc te nazwy są takie same jak:

jQuery("h1");  
jQuery("#heading");  
jQuery(".warning");

Wiele osób preferuje $, bo jest to krótszy zapis.

Funkcja jQuery zawsze zwróci kolekcję jQuery pasujących elementów, nawet gdy będzie tylko jeden pasujący element -- lub brak! Możesz przeczytać więcej o funkcji jQuery w dokumentacji.

Gdy znajdziesz elementy DOM z jQuery możesz zmieniać ich tekst wewnętrzny za pomocą text(): $("#temperature").text("89° Fahrenheit"); (Zobacz przykład)

Możesz użyć tej samej metody text(), aby uzyskać wewnętrzny tekst jeśli nie przekażesz żadnego parametru:
var heading = $("#heading").text();

W następnym tutorialu będziesz uczył się nowych metod do uzyskiwania i ustalania właściwości elementów DOM.

Za kulisami, te funkcji jQuery korzystają z DOM API, którego uczyliśmy się w kursie HTML/JS. Na przykład, znak $ funkcji używa metod takich jak getElementById() i querySelectorAll(), a attr() korzysta z metody getAttribute(). Gdy korzystasz z funkcji $ używasz tych funkcji w mniejszej ilości linii i wiesz, że twój kod będzie zawsze działał, bo jQuery wspiera wszystkie popularne przeglądarki, co jest bardzo ważne, gdy korzystasz z nowych funkcji DOM API.

Chcesz dołączyć do dyskusji?

Zaloguj się

Sortuj według

Na razie brak głosów w dyskusji

Rozumiesz angielski? Kliknij tutaj, aby zobaczyć więcej dyskusji na angielskiej wersji strony Khan Academy.