SPEAKER: Pojďme vylepšit, že poslední například pomocí populární JavaScript knihovna s názvem jQuery, které umožní nám uklidit náš kód, zatímco stále vyhnout se problému jsme se setkali dříve, kdy nějaký kód, který jsem napsal byl proveden předčasně před prvky potřebné I existovat v DOM skutečně existovala. 

Všimněte si, v dom-2.html, mám Skript již tag s atributem zdroje, jejichž hodnota je URL Nejnovější verzi této knihovny. Níže že mám samostatný skript tag bez zdroje, ale kde jsem opustil pokoj skutečně napsat některé z mé vlastní kód. Kód Chtěl bych napsat, jak vyplývá, $, což je opravdu jen zkrácený zápis pro jQuery sám, (dokument). Jinými slovy, já jsem prostě kolem jako Argument k funkci s názvem jQuery dokument, globální proměnná, která již existuje v z jakékoliv webové stránky. 

Tak pojďme dělat. Připraven, volání funkce nebo metoda, která stanoví, že Následující kus kódu by měla být proveden pouze jednou v celém dokumentu je připraven, konkrétně to anonymní funkce zde. $ "# Demo", který stanoví, že bych chtěl získat prvek z mé DOM který je jedinečný identifikátor je demo. A pak, jakmile jsme se dostali, že, pojďme zaregistrujte se s ním obslužnou rutinu události pro odeslat událost zadáním. předložit, procházející se, že anonymní funkce, která očekává jeden parametr že zavoláme událost, která je nakonec jen bude reference druhů na skutečné podání událost jen v případě, my bychom Líbí se mi přístup, který přímo. 

Mezitím, pojďme specifikovat otevřené rovnátka a V blízkosti ortéza a uvnitř těch šle, pojďme vlastně psát kód že chceme provést, když je tato forma je předložen. upozornění "ahoj," a pojďme zřetězit na takže výsledek volání $ "# jméno" který stanoví, že bych chtěl, aby se prvek v mém DOM, jehož jedinečný Identifikátor je název. A pojďme nyní volat funkci uvnitř že objekt nazvaný val, který dostane textová hodnota, která uživatel zadali palců A pojďme zřetězit na to, že právě pro zábavu, vykřičník. 

Konečně, spíše než jen return false jako jsme se předtím, buďme trochu více explicitní a určit, že vzhledem k tomu, že Objekt události, rádi bychom, aby se zabránilo výchozí chování specificky volání funkce nebo metoda volána zabránit výchozí takto. event.preventDefault. Pojďme se nyní soubor uložte a otevřít ho v prohlížeči. http://localhost/dom-2.html 

Tam je to forma. Pojďme vstup David. Klepnutím na Odeslat a ahoj, David je zpátky.