jQuery

Uit Wikipedia, de vrije encyclopedie
Ga naar: navigatie, zoeken
jQuery
JQuery
Ontwikkelaar jQuery-team
Recentste versie 2.1.1 
(1 mei 2014)
Laatste bètaversie 2.1.1 RC 2 
(18 april 2014)
Onderhoudsversie 1.11.1 
(1 mei 2014)
Status Actief
Besturingssysteem Multiplatform
Geschreven in JavaScript
Categorie JavaScript-framework
Licentie MIT of GPL
Website (en) Projectpagina
Portaal  Portaalicoon   Informatica
Vrije software

JQuery is een vrij JavaScript-framework voor dynamische en interactieve websites, onder andere voor het bewerken van het DOM en CSS en interactie met de webserver (ook bekend als AJAX). De ontwikkeling van jQuery is begonnen door de Amerikaan John Resig.

JQuery is vrijgegeven onder de MIT-licentie en de GNU General Public License.

Eigenschappen[bewerken]

JQuery heeft de volgende eigenschappen:

  • DOM-element kunnen selecteren met code die op meerdere browsers werkt
  • DOM doorlopen en wijzigen (met ondersteuning voor CSS 1-3)
  • Events
  • CSS-manipulatie
  • Effecten en animaties
  • AJAX
  • Uitbreidbaar met plug-ins
  • Utility's, zoals browserversie en de each-functie

Versies[bewerken]

Versie Verschijningsdatum Laatste update Extra
1.0 26 augustus 2006 1.0.4 (12 december 2006) Eerste stabiele versie
1.1 14 januari 2007 1.1.4 (24 augustus 2007)
1.2 10 september 2007 1.2.6 (24 mei 2008)
1.3 14 januari 2009 1.3.2 (20 februari 2009) Sizzle Selector Engine geïntroduceerd in de core
1.4 14 januari 2010 1.4.4 (11 november 2010)
1.5 31 januari 2011 1.5.2 (31 maart 2011) Deferred callback management
1.6 3 mei 2011 1.6.4 (12 september 2011) Grote performantieverbetering in attr()- en val()-functies
1.7 3 november 2011 1.7.2 (21 maart 2012
1.8 9 augustus 2012 1.8.3 (13 november 2012)
1.9 15 januari 2013 1.9.1 (4 februari 2013)
1.10 24 mei 2013 1.10.2 (3 juli 2013)
1.11 24 januari 2014 1.11.1 (1 mei 2014)
1.12 Laatste versie met ondersteuning voor Internet Explorer 6, 7, Opera 12.xx en Safari 5.1
2.0 18 april 2013 2.0.3 (3 juli 2013) Einde voor ondersteuning voor Internet Explorer 6, 7 en 8.[1]
2.1 24 januari 2014 2.1.1 (1 mei 2014)
2.2 Laatste versie met ondersteuning voor Opera 12.xx en Safari 5.1

Voorbeelden[bewerken]

De functionaliteit van jQuery kan op meerdere manieren benaderd worden. De functie om bijvoorbeeld een string te trimmen (onnodige witruimte aan begin en eind weghalen) kan op de volgende manieren aangeroepen worden:

str = "  foo  ";
 
// manier 1
jQuery.trim(str);
 
// manier 2
$.trim(str);

Deze beide varianten functioneren op dezelfde manier.

Enkele andere voorbeelden:

//Als het document klaar is met laden (met uitzondering van afbeeldingen), voer dan een functie uit.
//Dit wordt veel gebruikt bij JQuery om er zeker van te zijn dat alle elementen aanpasbaar zijn
$(document).ready(function() {
  alert("Hallo gebruiker, alle DOM-elementen zijn geladen!");
});
 
// selecteer alle paragrafen met de klasse foo en voeg de klasse bar toe
$("p.foo").addClass("bar");
 
// doorloop elk element van de lijst [1,2,3] en pas de gegeven functie toe
$.each([1,2,3], function() {
  document.write(this + 1);
});
 
// stuur een POST-verzoek naar some.php met de gegeven parameters
// en geef - indien succesvol - een alert met de data die de webserver terugstuurt
$.ajax({
  type: "POST",
  url: "some.php",
  data: "name=John&location=Boston",
  success: function(msg){
    alert( "Data Saved: " + msg );
  }
});

Externe link[bewerken]

Bronnen, noten en/of referenties