Top Qs
Tijdlijn
Chat
Perspectief

JQuery

JavaScript-framework van John Resig Van Wikipedia, de vrije encyclopedie

Remove ads

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.

Snelle feiten Ontwikkelaar(s), Uitgebracht ...

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

Remove ads

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.[4]

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

Meer informatie Versie, Verschijningsdatum ...
Remove ads

Voorbeelden

Samenvatten
Perspectief

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 );
  }
});
Remove ads
Loading related searches...

Wikiwand - on

Seamless Wikipedia browsing. On steroids.

Remove ads