jQuery is ontwikkeld door Google. Om het eerste jQuery-voorbeeld te maken, moet u een JavaScript-bestand voor jQuery gebruiken. U kunt het jQuery-bestand downloaden van jquery.com of de absolute URL van het jQuery-bestand gebruiken.

In dit jQuery-voorbeeld gebruiken we de absolute URL van het jQuery-bestand. Het jQuery-voorbeeld is geschreven in de scripttag.

Laten we een eenvoudig voorbeeld van jQuery bekijken.

 First jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 

Uitgang:

De eerste alinea is geselecteerd.

De tweede alinea is geselecteerd.

De derde alinea is geselecteerd.

$(document).ready() en $()

De code die tussen $(document).ready() wordt ingevoegd, wordt slechts één keer uitgevoerd wanneer de pagina klaar is om JavaScript-code uit te voeren.

css commentaar

In plaats van $(document).ready() kunt u alleen de verkorte notatie $() gebruiken.

cpp is gelijk

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

De bovenstaande code is gelijkwaardig aan deze code.

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

Laten we het volledige voorbeeld bekijken van jQuery met behulp van de verkorte notatie $().

 Second jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 

Uitgang:

De eerste alinea is geselecteerd.

De tweede alinea is geselecteerd.

De derde alinea is geselecteerd.

function() { $('p').css('achtergrondkleur', 'cyaan'); }

Het verandert de achtergrondkleur van alles

tag of paragraaf naar cyaan.