Syntaxe jQuery
Pomocí jQuery vybíráte (dotazujete se) prvky HTML a provádíte s nimi „akce“.
Syntaxe jQuery
Syntaxe jQuery je šitá na míru pro výběr prvků HTML a provádění nějaké akce s prvkem (prvky).
Základní syntaxe je: $( selektor ). akce ()
- Znak $ pro definování/přístup k jQuery
- A ( selektor ) pro „dotaz (nebo nalezení)“ prvků HTML
- Akce jQuery (), která se má provést na prvku (prvcích)
Příklady:
$(this).hide()
- skryje aktuální prvek.
$("p").hide()
- skryje všechny prvky <p>.
$(".test").hide()
- skryje všechny prvky s class="test".
$("#test").hide()
- skryje prvek s id="test".
Znáte selektory CSS?
jQuery používá k výběru prvků syntaxi CSS. Více o syntaxi selektoru se dozvíte v další kapitole tohoto tutoriálu.
Tip: Pokud CSS neznáte, můžete si přečíst náš CSS Tutorial .
Událost připravenosti dokumentu
Možná jste si všimli, že všechny metody jQuery v našich příkladech jsou uvnitř události připravené na dokument:
$(document).ready(function(){
// jQuery methods go here...
});
To má zabránit spuštění jakéhokoli kódu jQuery před dokončením načítání dokumentu (je připraven).
Je dobrou praxí počkat, až bude dokument plně načten a připraven, než s ním začnete pracovat. To vám také umožňuje mít svůj JavaScript kód před tělem dokumentu v sekci head.
Zde je několik příkladů akcí, které mohou selhat, pokud jsou metody spuštěny před úplným načtením dokumentu:
- Pokus o skrytí prvku, který ještě není vytvořen
- Pokus o získání velikosti obrázku, který ještě není načten
Tip: Tým jQuery také vytvořil ještě kratší metodu pro událost document ready:
$(function(){
// jQuery methods go here...
});
Použijte syntaxi, kterou preferujete. Myslíme si, že událost document ready je srozumitelnější při čtení kódu.