logo

jQuery exempel

jQuery är utvecklat av Google. För att skapa det första jQuery-exemplet måste du använda JavaScript-fil för jQuery. Du kan ladda ner jQuery-filen från jquery.com eller använda den absoluta URL-adressen till jQuery-filen.

I detta jQuery-exempel använder vi den absoluta URL-adressen till jQuery-filen. JQuery-exemplet är skrivet inuti skripttaggen.

Låt oss se ett enkelt exempel 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> 
Testa det nu

Produktion:

Det första stycket är valt.

Det andra stycket är valt.

Det tredje stycket är valt.

$(document).ready() och $()

Koden som infogas mellan $(document).ready() exekveras endast en gång när sidan är redo för JavaScript-kod att köras.

exempel på python-program

I stället för $(document).ready() kan du endast använda stenografisk notation $().

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

Ovanstående kod motsvarar denna kod.

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

Låt oss se det fullständiga exemplet på jQuery som använder stenografisk notation $().

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> 
Testa det nu

Produktion:

Det första stycket är valt.

Det andra stycket är valt.

Det tredje stycket är valt.


function() { $('p').css('bakgrundsfärg', 'cyan'); }

Det ändrar bakgrundsfärgen på alla

tagg eller stycke till cyan.