logo

jQuery eksempel

jQuery er udviklet af Google. For at oprette det første jQuery-eksempel skal du bruge JavaScript-fil til jQuery. Du kan downloade jQuery-filen fra jquery.com eller bruge den absolutte URL for jQuery-filen.

I dette jQuery-eksempel bruger vi den absolutte URL for jQuery-filen. JQuery-eksemplet er skrevet inde i script-tagget.

Lad os se et simpelt 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 nu

Produktion:

Det første afsnit er valgt.

Andet afsnit er valgt.

Tredje afsnit er valgt.

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

Koden, der er indsat mellem $(document).ready() udføres kun én gang, når siden er klar til at JavaScript-kode kan udføres.

java polymorfi

I stedet for $(document).ready(), kan du kun bruge stenografinotation $().

sæt afgrænser java
 $(document).ready(function() { $(&apos;p&apos;).css(&apos;color&apos;, &apos;red&apos;); }); 

Ovenstående kode svarer til denne kode.

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

Lad os se det fulde eksempel på jQuery, der bruger stenografinotation $().

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 nu

Produktion:

Det første afsnit er valgt.

Andet afsnit er valgt.

Tredje afsnit er valgt.


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

Det ændrer baggrundsfarven for alle

tag eller afsnit til cyan.