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.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 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() { $('p').css('color', 'red'); });
Ovenstående kode svarer til denne kode.
$(function() { $('p').css('color', 'red'); });
Lad os se det fulde eksempel på jQuery, der bruger stenografinotation $().
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 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.