jQuery
Uit Wikipedia, de vrije encyclopedie
| jQuery | ||||
| Ontwikkelaar | jQuery-team | |||
| Recentste versie | 2.0 (18 april 2013) |
|||
| Onderhoudsversie | 1.8.3 (13 november 2012) | |||
| Status | Actief | |||
| Besturingssysteem | Multiplatform | |||
| Geschreven in | JavaScript | |||
| Categorie | JavaScript-framework | |||
| Licentie | MIT of GPL | |||
| Website | (en) Projectpagina | |||
|
||||
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.
Inhoud |
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]
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]
- (en) jQuery
| Bronnen, noten en/of referenties |