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 | |
| Utvecklare | John Resig med jQuery 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 och GNU General Public License |
| Webbplats | jquery.com |
Webbläsarkompatibilitet [4] redigera
| Jquery-version | Internet Explorer | Chrome | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| 1.x | 6+ | Senaste versionen och närmast föregående | |||
| 2.x | 9+ | ||||
Implementation redigera
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);
}
});
Insticksmoduler redigera
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.
Utgivningshistorik redigera
Se även redigera
Referenser redigera
- ^ BarCampNYC Wrap-up (engelska)
- ^ Usage of JavaScript libraries for websites(engelska)
- ^ JQuery Usage Statistics Arkiverad 25 december 2018 hämtat från the Wayback Machine., mätningar av BuiltWith (engelska)
- ^ Browser Support (engelska)
Externa länkar redigera
- 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.