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.htmlFirst 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() { $('p').css('color', 'red'); });
Koden ovenfor tilsvarer denne koden.
$(function() { $('p').css('color', 'red'); });
La oss se hele eksemplet på jQuery som bruker stenografinotasjon $().
Fil: shortjquery.htmlSecond 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.