JQuery
jQuery | ||||
---|---|---|---|---|
![]() | ||||
Ontwikkelaar(s) | jQuery-team | |||
Uitgebracht | januari 2006 (18 jaar) | |||
Recentste versie | 3.7.1 (28 augustus 2023)[1] ![]() | |||
Recentste bètaversie | 2.1.0-beta2 (15 november 2013), 2.1.0-beta3 (20 december 2013), 1.11.0-beta3 (6 januari 2014), 2.1.1-beta1 (24 maart 2014), 1.11.1-beta1 (24 maart 2014), 3.0.0-beta1 (14 januari 2016) ![]() | |||
Onderhoudsversie | 3.6.4 (8 maart 2023) ![]() | |||
Status | Actief | |||
Besturingssysteem | Multiplatform | |||
Geschreven in | JavaScript | |||
Categorie | JavaScript-framework | |||
Licentie(s) | MIT of GPL | |||
Versiebeheer | Officiële broncode | |||
Website | (en) Projectpagina | |||
|
JQuery is een vrije JavaScript-library 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.
Geschiedenis
jQuery ontstond begin 2006 tijdens BarCamp, een internationaal gehouden evenement met conferenties en workshops, en werd ontwikkeld door John Resig, die op zijn beurt was beïnvloed door de bibliotheek cssQuery.
Vanaf 2015 groeide de populariteit van jQuery elk jaar, en in 2018 werd de techniek al op ruim driekwart van de wereldwijde top 1 miljoen websites toegepast.[2]
Eigenschappen
JQuery heeft de volgende eigenschappen:
- DOM-elementen kunnen geselecteerd worden met code die op meerdere webbrowsers werkt
- DOM doorlopen en wijzigen (met ondersteuning voor CSS 1-3)
- Gebeurtenissen (Events)
- CSS-manipulatie
- Effecten en animaties
- AJAX
- Uitbreidbaar met plug-ins
- Hulpmiddelen (Utility's), zoals browserversie en de each-functie
Versies
Versie | Verschijningsdatum | Laatste update | Extra |
---|---|---|---|
1.0 | 26 augustus 2006[3] | 1.0.4 (12 december 2006)[4] | Eerste stabiele versie. |
1.1 | 14 januari 2007[5] | 1.1.4 (24 augustus 2007)[6] | |
1.2 | 10 september 2007[7] | 1.2.6 (24 mei 2008)[8] | |
1.3 | 14 januari 2009[9] | 1.3.2 (20 februari 2009)[10] | Sizzle Selector Engine geïntroduceerd in de core. |
1.4 | 14 januari 2010[11] | 1.4.4 (11 november 2010)[12] | |
1.5 | 31 januari 2011[13] | 1.5.2 (31 maart 2011)[14] | Deferred callback management. |
1.6 | 3 mei 2011[15] | 1.6.4 (12 september 2011)[16] | Grote prestatieverbetering in attr()- en val()-functies. |
1.7 | 3 november 2011[17] | 1.7.2 (21 maart 2012)[18] | |
1.8 | 9 augustus 2012[19] | 1.8.3 (13 november 2012)[20] | |
1.9 | 15 januari 2013[21] | 1.9.1 (4 februari 2013)[22] | |
1.10 | 24 mei 2013[23] | 1.10.2 (3 juli 2013)[24] | |
1.11 | 24 januari 2014[25] | 1.11.2 (18 december 2014)[26] | |
1.12 | 8 januari 2016[27] | 1.12.4 (20 mei 2016)[28] | Laatste versie met ondersteuning voor Internet Explorer 6 en 7. |
2.0 | 18 april 2013[29] | 2.0.3 (3 juli 2013)[30] | Einde van ondersteuning voor Internet Explorer 6, 7 en 8.[31] |
2.1 | 24 januari 2014[32] | 2.1.4 (28 april 2015)[33] | |
2.2 | 8 januari 2016[27] | 2.2.4 (20 mei 2016)[28] | |
3.0 | 9 juni 2016[34] | Vervangt de 1.x- en 2.x-serie door een normale en compat-versie. | |
3.1 | 7 juli 2016[35] | 3.1.1 (22 september 2016)[36] | |
3.2 | 16 maart 2017[37] | 3.2.1 (20 maart 2017)[38] | |
3.3 | 20 januari 2018 | 3.3.1 (20 januari 2018) | Verouderde functies verwijderd, functies die klassen accepteren worden nu ook in array-formaat ondersteund. |
3.4 | 10 april 2019 | 3.4.1 (1 mei 2019) | Prestatieverbeteringen, ondersteuning voor nonce en nomodule, bugfixes voor radio-elementen, een kleine beveiligingsfout opgelost. |
3.5 | 10 april 2020 | 3.5.1 (4 mei 2020) | Beveiligingsfouten opgelost, de methoden .even() en .odd(), jQuery.trim gemarkeerd als verouderd. |
3.6 | 2 maart 2021 | 3.6.4 (8 maart 2023)[39] | Diverse opgeloste fouten |
3.7 | 11 mei 2023[40] | 3.7.1 (28 augustus 2023)[41] | Sizzle werd volledig opgenomen in jQuery, nieuwe methode .uniqueSort(), meer ondersteuning voor CSS-elementen zonder opgegeven eenheden, verbeterde prestaties. |
Voorbeelden
De functionaliteit van jQuery kan op meerdere manieren benaderd worden. Zo kan bijvoorbeeld elke functie op twee manieren aangeroepen worden: met jQuery
en met $
. Ook methodes werken op deze manier, bijvoorbeeld $.ajax()
. Het is tevens mogelijk om methodes aan elkaar te koppelen via chaining.
$('div.test') .on('click', handleTestClick) .addClass('foo');
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) Projectpagina
- ↑ jQuery 3.7.1 Released: Reliable Table Row Dimensions (28 augustus 2023).
- ↑ (en) jQuery Usage Statistics Trends.Builtwith.com, 31 december 2019 (gearchiveerd)
- ↑ 1.0
- ↑ 1.0.4
- ↑ 1.1
- ↑ 1.1.4
- ↑ 1.2
- ↑ 1.2.6
- ↑ 1.3
- ↑ 1.3.2
- ↑ 1.4. Gearchiveerd op 18 mei 2023.
- ↑ 1.4.4. Gearchiveerd op 2 juni 2023.
- ↑ 1.5
- ↑ 1.5.2
- ↑ 1.6
- ↑ 1.6.4
- ↑ 1.7. Gearchiveerd op 18 mei 2023.
- ↑ 1.7.2
- ↑ 1.8. Gearchiveerd op 21 mei 2023.
- ↑ 1.8.3
- ↑ 1.9. Gearchiveerd op 16 juni 2023.
- ↑ 1.9.1
- ↑ 1.10
- ↑ 1.10.2
- ↑ 1.11
- ↑ 1.11.2
- ↑ a b 1.12. Gearchiveerd op 3 maart 2023.
- ↑ a b 1.12.4. Gearchiveerd op 1 juni 2023.
- ↑ 2.0
- ↑ 2.0.3
- ↑ (en) jQuery 2.0 arrives leaving IE6, 7 and 8 in the past as promised. Gearchiveerd op 1 februari 2023.
- ↑ 2.1
- ↑ 2.1.4
- ↑ 3.0. Gearchiveerd op 1 juni 2023.
- ↑ 3.1.0. Gearchiveerd op 27 maart 2023.
- ↑ 3.1.1. Gearchiveerd op 28 maart 2023.
- ↑ 3.2.0. Gearchiveerd op 5 juli 2023.
- ↑ 3.2.1. Gearchiveerd op 10 juni 2023.
- ↑ 3.6.4. Gearchiveerd op 25 april 2023.
- ↑ 3.7.0. Gearchiveerd op 13 juni 2023.
- ↑ (en) jQuery 3.7.1 Released: Reliable Table Row Dimensions. Official jQuery Blog (28 augustus 2023). Geraadpleegd op 28 november 2023.