logo

jQuery példa

A jQuery-t a Google fejlesztette ki. Az első jQuery-példa létrehozásához JavaScript-fájlt kell használnia a jQuery-hez. Letöltheti a jQuery fájlt a jquery.com webhelyről, vagy használhatja a jQuery fájl abszolút URL-címét.

Ebben a jQuery példában a jQuery fájl abszolút URL-jét használjuk. A jQuery-példa a szkriptcímkén belül van írva.

Lássunk egy egyszerű példát a jQuery-re.

Fájl: 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> 
Tesztelje most

Kimenet:

Az első bekezdés ki van választva.

A második bekezdés ki van választva.

A harmadik bekezdés ki van választva.

$(dokumentum).ready() és $()

A $(document).ready() közé beszúrt kód csak egyszer kerül végrehajtásra, amikor az oldal készen áll a JavaScript kód végrehajtására.

rekurziós java

A $(document).ready() helyett csak a $() gyorsírást használhatja.

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

A fenti kód egyenértékű ezzel a kóddal.

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

Lássuk a jQuery teljes példáját a $() gyorsírással.

Fájl: 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> 
Tesztelje most

Kimenet:

Az első bekezdés ki van választva.

A második bekezdés ki van választva.

A harmadik bekezdés ki van választva.


function() { $('p').css('háttérszín', 'cián'); }

Megváltoztatja az összes háttérszínét

címkét vagy bekezdést ciánra.