logo

Príklad jQuery

jQuery je vyvinutý spoločnosťou Google. Ak chcete vytvoriť prvý príklad jQuery, musíte použiť súbor JavaScript pre jQuery. Súbor jQuery si môžete stiahnuť z jquery.com alebo použiť absolútnu URL súboru jQuery.

V tomto príklade jQuery používame absolútnu adresu URL súboru jQuery. Príklad jQuery je napísaný vo vnútri značky skriptu.

Pozrime sa na jednoduchý príklad jQuery.

Súbor: 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> 
Vyskúšajte to

Výkon:

Vyberie sa prvý odsek.

Vyberie sa druhý odsek.

Vyberie sa tretí odsek.

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

Kód vložený medzi $(document).ready() sa spustí iba raz, keď je stránka pripravená na spustenie kódu JavaScript.

typy strojového učenia

Namiesto $(document).ready() môžete použiť iba skrátený zápis $().

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

Vyššie uvedený kód je ekvivalentný tomuto kódu.

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

Pozrime sa na úplný príklad jQuery pomocou skráteného zápisu $().

Súbor: 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> 
Vyskúšajte to

Výkon:

Vyberie sa prvý odsek.

Vyberie sa druhý odsek.

Vyberie sa tretí odsek.


function() { $('p').css('farba-pozadia', 'azúrová'); }

Zmení farbu pozadia všetkých

tag alebo odsek na azúrovú.