jQuery este dezvoltat de Google. Pentru a crea primul exemplu jQuery, trebuie să utilizați fișierul JavaScript pentru jQuery. Puteți descărca fișierul jQuery de pe jquery.com sau puteți utiliza adresa URL absolută a fișierului jQuery.

În acest exemplu jQuery, folosim adresa URL absolută a fișierului jQuery. Exemplul jQuery este scris în interiorul etichetei de script.

Să vedem un exemplu simplu de jQuery.

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

Ieșire:

Se selectează primul paragraf.

Al doilea paragraf este selectat.

Este selectat al treilea paragraf.

$(document).ready() și $()

Codul introdus între $(document).ready() este executat o singură dată când pagina este gata pentru executarea codului JavaScript.

subliniază folosind css

În loc de $(document).ready(), puteți utiliza doar notația scurtă $().

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

Codul de mai sus este echivalent cu acest cod.

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

Să vedem exemplul complet de jQuery folosind notația scurtă $().

tutorial react js

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

Ieșire:

Se selectează primul paragraf.

Al doilea paragraf este selectat.

Este selectat al treilea paragraf.

function() { $('p').css('culoare-fond', 'cyan'); }

Schimbă culoarea de fundal a tuturor

etichetă sau paragraf în cyan.