jQuery

jQuery
Ontwikkelaar	jQuery-team
Recentste versie	1.7.1 (21 november 2011)
Besturingssysteem	Cross-platform
Geschreven in	JavaScript
Categorie	JavaScript-framework
Licentie	MIT en de GPL
Website	(en) Projectpagina
Portaal    Informatica

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 John Resig.

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

Eigenschappen

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
• Utilities, zoals browserversie en de each-functie

Versies

Verschijningsdatum	Versienummer	Extra
26 augustus 2006	1.0	Eerste stabiele versie
31 augustus 2006	1.0.1
9 oktober 2006	1.0.2
27 oktober 2006	1.0.3
12 december 2006	1.0.4	Laatste bugfix op versie 1.0
14 januari 2007	1.1
22 januari 2007	1.1.1
27 februari 2007	1.1.2
1 juli 2007	1.1.3
5 juli 2007	1.1.3.1
24 augustus 2007	1.1.4
10 september 2007	1.2
16 september 2007	1.2.1
15 januari 2008	1.2.2
8 februari 2008	1.2.3
19 mei 2008	1.2.4
21 mei 2008	1.2.5	Fix voor verkeerde opgeleverde versie 1.2.4
24 mei 2008	1.2.6
14 januari 2009	1.3	Sizzle Selector Engine geïntroduceerd in de core
21 januari 2009	1.3.1
20 februari 2009	1.3.2
14 januari 2010	1.4
25 januari 2010	1.4.1
19 februari 2010	1.4.2
16 oktober 2010	1.4.3
11 november 2010	1.4.4
31 januari 2011	1.5	Deferred callback management
24 februari 2011	1.5.1
31 maart 2011	1.5.2
3 mei 2011	1.6	Grote performantieverbetering in attr()- en val()-functies
12 mei 2011	1.6.1
30 juni 2011	1.6.2
1 september 2011	1.6.3
12 september 2011	1.6.4
3 november 2011	1.7
21 november 2011	1.7.1

Voorbeelden

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 de zelfde 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

• (en) jQuery