logo

jQuery eksempel

jQuery er utviklet av Google. For å lage det første jQuery-eksemplet, må du bruke JavaScript-fil for jQuery. Du kan laste ned jQuery-filen fra jquery.com eller bruke den absolutte URL-en til jQuery-filen.

I dette jQuery-eksemplet bruker vi den absolutte URL-en til jQuery-filen. JQuery-eksemplet er skrevet inne i script-taggen.

La oss se et enkelt eksempel på jQuery.

Fil: 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> 
Test det nå

Produksjon:

Første avsnitt er valgt.

Andre avsnitt er valgt.

Tredje avsnitt er valgt.

$(document).ready() og $()

Koden som er satt inn mellom $(document).ready() kjøres bare én gang når siden er klar til å kjøre JavaScript-kode.

java strenglengde

I stedet for $(document).ready(), kan du kun bruke stenografinotasjon $().

java tilføy streng
 $(document).ready(function() { $(&apos;p&apos;).css(&apos;color&apos;, &apos;red&apos;); }); 

Koden ovenfor tilsvarer denne koden.

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

La oss se hele eksemplet på jQuery som bruker stenografinotasjon $().

Fil: 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> 
Test det nå

Produksjon:

Første avsnitt er valgt.

Andre avsnitt er valgt.

Tredje avsnitt er valgt.


function() { $('p').css('bakgrunnsfarge', 'cyan'); }

Det endrer bakgrunnsfargen til alle

tag eller avsnitt til cyan.