Dużo rozmawialiśmy o selektorach. Selektor jQuery, taki jak $ („h1”), wybierze wszystko
Zrobię to $("h1").css("color", "red");
Ale czasami skrypty są ładowane do głowy. Jest na to wiele usprawiedliwień, w większości złe, ale hej, nie oceniajmy bez szczegółów =).
Nadal możemy rozwiązać problem braku elementów w całkiem zadowalający sposób, nawet jeśli jesteśmy zmuszeni ładować skrypty w głowie. Robimy to poprzez funkcję „DOM Ready” jQuery. Dosłownie, gdy dokument jest gotowy i gotowy do manipulacji. To wygląda tak:
$(document).ready(function() ( ));Istnieje krótsza wersja, która robi dokładnie to samo:
$(function() ( ));Umieszczenie kodu wewnątrz takiej funkcji gwarantuje, że nie będzie on działać, dopóki dokument nie będzie gotowy. W rzeczywistości jest to dość sprytny fragment kodu, który to robi, co oczywiście jest trudne do wykonania w różnych przeglądarkach. Fajne w tym jest to, że jest dość szybki. To nie to samo, co oczekiwanie na załadowanie całego okna, które jest powolne, ponieważ czeka na pobranie wszystkich zasobów przed uruchomieniem. Gotowy do DOM dzieje się znacznie wcześniej. Jeśli musisz poczekać na wykonanie zasobów (np. Musisz zmierzyć obraz), możesz poczekać na to w następujący sposób:
$(window).load(function() ( ));Naprawiając nasz wcześniejszy problem z JavaScriptem w głowie z gotowym DOM, kod wyglądałby tak:
Learning jQuery $(function() ( $("h1").css("color", "red"); ));