logo

jQuery pavyzdys

„jQuery“ sukūrė „Google“. Norėdami sukurti pirmąjį jQuery pavyzdį, turite naudoti JavaScript failą, skirtą jQuery. Galite atsisiųsti jQuery failą iš jquery.com arba naudoti absoliutų jQuery failo URL.

Šiame jQuery pavyzdyje naudojame absoliutųjį jQuery failo URL. „jQuery“ pavyzdys parašytas scenarijaus žymoje.

Pažiūrėkime paprastą jQuery pavyzdį.

Failas: 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> 
Išbandykite dabar

Išvestis:

Pasirinkta pirmoji pastraipa.

Pasirinkta antra pastraipa.

Pasirinkta trečia pastraipa.

$(document).ready() ir $()

Kodas, įterptas tarp $(document).ready(), vykdomas tik vieną kartą, kai puslapis yra paruoštas vykdyti JavaScript kodui.

pirmos eilės logika

Vietoj $(document).ready() galite naudoti tik trumpąją žymą $().

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

Aukščiau pateiktas kodas yra lygiavertis šiam kodui.

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

Pažiūrėkime visą jQuery pavyzdį, naudojant sutrumpintą žymėjimą $().

Failas: 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> 
Išbandykite dabar

Išvestis:

Pasirinkta pirmoji pastraipa.

Pasirinkta antra pastraipa.

Pasirinkta trečia pastraipa.

kaip konvertuoti eilutę į int

function() { $('p').css('fono spalva', 'žydra'); }

Tai pakeičia visų fono spalvą

žymą arba pastraipą į žydrą.