logo

Exemplu jQuery

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.

Fișier: 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> 
Testează-l acum

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

Codul de mai sus este echivalent cu acest cod.

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

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

tutorial react js
Fișier: 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> 
Testează-l acum

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.