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.

 First jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 

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() { $('p').css('color', 'red'); }); 

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

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

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

 Second jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 

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.