| Jquery | |
| Utvecklare | John Resig medjQuery Team |
|---|---|
| Först släppt | 26 augusti 2006 |
| Senaste utgåva | 3.4.1 (1 maj 2019) |
| Skriven i | Javascript |
| Utvecklingsstatus | Aktiv |
| Typ | Ramverk för webbapplikationer |
| Licens | Dubbla licenser:MIT License ochGNU General Public License |
| Webbplats | jquery.com |
Jquery, av utvecklarna skrivetjQuery, är ettJavascript-bibliotek som är tänkt att förenklaHTML-,DOM- ochCSS-modifikation, händelsehantering, animering ochAJAX 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-version | Internet Explorer | Chrome | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| 1.x | 6+ | Senaste versionen och närmast föregående | |||
| 2.x | 9+ | ||||
Jquery-biblioteket laddas vanligen med en enda Javascript-fil innehållande all funktionalitet. Filen kan inkluderas på enwebbsida med följande kodrad:
<scripttype="text/javascript"src="jquery.js"></script>
Det finns två sätt att använda Jquery:
$ som är en "genvägsmetod" (eng.factory method) för Jquery-objektet och returnerar ett sådant.$. 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$. äreach(). Vill man till exempel summera talen 1 till 4 kan man skriva:
varsum=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 metodenajax(), 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 desssyntax för att skapa egnainsticksmoduler för att utöka funktionaliteten på mer specifika användningsfall och effekter.