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.htmlFirst 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() { $('p').css('color', 'red'); });
Výše uvedený kód je ekvivalentní tomuto kódu.
$(function() { $('p').css('color', 'red'); });
Podívejme se na úplný příklad jQuery pomocí zkrácené notace $().
řetězec v intSoubor: 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.