Jquery
Från Wikipedia, den fria encyklopedin
Från Wikipedia, den fria encyklopedin
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 |
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å en webbsida med följande kodrad:
<script type="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 $.
ä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.
Seamless Wikipedia browsing. On steroids.
Every time you click a link to Wikipedia, Wiktionary or Wikiquote in your browser's search results, it will show the modern Wikiwand interface.
Wikiwand extension is a five stars, simple, with minimum permission required to keep your browsing private, safe and transparent.