logo

jQuery piemērs

jQuery ir izstrādājis Google. Lai izveidotu pirmo jQuery piemēru, jQuery ir jāizmanto JavaScript fails. Varat lejupielādēt jQuery failu no vietnes jquery.com vai izmantot jQuery faila absolūto URL.

Šajā jQuery piemērā mēs izmantojam jQuery faila absolūto URL. JQuery piemērs ir rakstīts skripta taga iekšpusē.

Apskatīsim vienkāršu jQuery piemēru.

Fails: 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> 
Izmēģiniet to tūlīt

Izvade:

Pirmā rindkopa ir atlasīta.

Ir atlasīta otrā rindkopa.

Trešā rindkopa ir atlasīta.

$(dokuments).ready() un $()

Kods, kas ievietots starp $(document).ready(), tiek izpildīts tikai vienu reizi, kad lapa ir gatava JavaScript koda izpildei.

base64 atšifrēt js

$(document).ready() vietā varat izmantot tikai saīsinātu apzīmējumu $().

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

Iepriekš minētais kods ir līdzvērtīgs šim kodam.

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

Apskatīsim pilnu jQuery piemēru, izmantojot saīsinātu apzīmējumu $().

Fails: 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> 
Izmēģiniet to tūlīt

Izvade:

Pirmā rindkopa ir atlasīta.

Ir atlasīta otrā rindkopa.

Trešā rindkopa ir atlasīta.


function() { $('p').css('fona krāsa', 'ciāna'); }

Tas maina visu fona krāsu

pārvērst virkni par int

tagu vai rindkopu uz ciāna.