logo

Příklad jQuery

jQuery je vyvinut společností Google. Chcete-li vytvořit první příklad jQuery, musíte použít soubor JavaScript pro jQuery. Soubor jQuery si můžete stáhnout z jquery.com nebo použít absolutní URL souboru jQuery.

V tomto příkladu jQuery používáme absolutní adresu URL souboru jQuery. Příklad jQuery je napsán uvnitř značky skriptu.

Podívejme se na jednoduchý příklad jQuery.

Soubor: firstjquery.html
 First jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 
Otestujte to hned

Výstup:

Je vybrán první odstavec.

Je vybrán druhý odstavec.

Je vybrán třetí odstavec.

$(document).ready() a $()

Kód vložený mezi $(document).ready() se provede pouze jednou, když je stránka připravena pro spuštění kódu JavaScript.

32bitová architektura vs 64bitová

Místo $(document).ready() můžete použít pouze zkrácený zápis $().

 $(document).ready(function() { $(&apos;p&apos;).css(&apos;color&apos;, &apos;red&apos;); }); 

Výše uvedený kód je ekvivalentní tomuto kódu.

 $(function() { $(&apos;p&apos;).css(&apos;color&apos;, &apos;red&apos;); }); 

Podívejme se na úplný příklad jQuery pomocí zkrácené notace $().

řetězec v int
Soubor: shortjquery.html
 Second jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 
Otestujte to hned

Výstup:

Je vybrán první odstavec.

Je vybrán druhý odstavec.

Je vybrán třetí odstavec.


function() { $('p').css('barva-pozadi', 'azurová'); }

Změní barvu pozadí všech

tag nebo odstavec na azurovou.