Jquery

Jquery, av utvecklarna skrivet jQuery, är ett Javascript-bibliotek som är tänkt att förenkla HTML-, DOM- och CSS-modifikation, händelsehantering, animering och AJAX för att snabba upp webbutvecklingen. På Barcamp 2006 släppte skaparen John Resig, som också leder utvecklingsarbetet, den första versionen av Jquery^[1]. Det används av nästan 35% av de 1 000 000 mest besökta hemsidorna och är 2021 det populäraste Javascript-biblioteket.^[2][3]

Jquery-biblioteket laddas vanligen med en enda Javascript-fil innehållande all funktionalitet. Filen kan inkluderas på en webbsida med följande kodrad:

<script type="text/javascript" src="jquery.js"></script>

Det finns två sätt att använda Jquery:

• via metoden $ som är en "genvägsmetod" (eng. factory method) för Jquery-objektet och returnerar ett sådant.
• via metoder med prefixet $. som är bruksmetoder (eng. utility functions) och som inte är direkt applicerbara på ett Jquery-objekt.

Ett typiskt sätt att modifiera (multipla) DOM-element är att anropa metoden $ där en textsträng med CSS-identifiering skickas med som parameter. Metoden returnerar då ett Jquery-objekt som refererar till inget, ett eller flera element i HTML-koden. Man kan sedan modifiera dessa element genom att anropa olika metoder hos Jquery-objektet - antingen direkt eller senare om man lagrar objektet i en variabel. Till exempel:

$("div.test").addClass("wide_element").html("Nytt textinnehåll").fadeOut(300);

eller

var $link = $("#nav a");
$link.bind("mouseover", function(){
   alert("Inte nudda länk!");
});

Ett exempel på metoder med prefixet $. är each(). Vill man till exempel summera talen 1 till 4 kan man skriva:

var sum = 0;
$.each([1, 2, 3, 4], function(index, value){
   sum += value;
   /* Notering: 
   index är det n:te elementet i samlingen tal, med start från 0. */
});

Ett annat exempel är metoden ajax(), som kan användas till att ladda eller skicka data från eller till en extern webbsida eller script. Den anropas på detta sätt:

$.ajax({
   type: "POST",
   url: "comment.php",
   data: "author=Karl&message=Goddag",
   success: function(msg){
      alert("Kommentaren har sparats: " + msg);
   }
});

Då Jquery är öppen källkod har användare och utvecklare använt dess syntax för att skapa egna insticksmoduler för att utöka funktionaliteten på mer specifika användningsfall och effekter.

• Prototypejs
• script.aculo.us
• Dojo Toolkit
• Mochikit
• Mootools

• jquery.com (engelska) – Officiell webbsida

Den här artikeln är helt eller delvis baserad på material från engelskspråkiga Wikipedia, jQuery, 5 maj 2010.