jQuery

jQuery
Basis data
ontwikkelaar	jQuery-team
Jaar van uitgave	Augustus 2005
Huidige  versie	3.5.1 ( 4 mei 2020 )
besturingssysteem	platform onafhankelijk
programmeertaal	JavaScript
categorie	Bibliotheek
Licentie	MET
jquery.com

jQuery (ook jQuery Core ) is een gratis JavaScript - bibliotheek die functies biedt voor DOM- navigatie en manipulatie.

jQuery is de meest gebruikte JavaScript-bibliotheek. Elke tweede website en 70% van de 10.000 meest bezochte websites gebruiken jQuery (vanaf januari 2018). jQuery is al opgenomen in veel content management systemen en web frameworks, bijvoorbeeld in Joomla , WordPress , MediaWiki of Drupal .

verhaal

Oorspronkelijk zou de bibliotheek jSelect heten . Omdat het domein voor deze naam al in gebruik was, koos ontwikkelaar John Resig voor de naam jQuery. De door John Resig ontwikkelde bibliotheek werd in januari 2006 gepubliceerd op Barcamp (NYC) in New York. Ondertussen wordt de jQuery-bibliotheek continu doorontwikkeld door de onafhankelijke jQuery Foundation en aangevuld met andere bibliotheken met JQuery UI , jQuery Mobile , Sizzle Selector Engine en QUnit . De uitvinder John Resig heeft zich inmiddels teruggetrokken uit het actieve ontwikkelingswerk en heeft het overgedragen aan het jQuery-team, waarvan hij nog steeds erelid is.

Parallelle versie strengen

Tot 2016 werden twee versiestrengen onderhouden met 1.x en 2.x, die verschillen in termen van browsercompatibiliteit. De versies 1.x (vanaf 1.9) en 2.x hebben een compatibele API . Sinds 9 juni 2016 is er een nieuw versiestreng geïntroduceerd met de release van versie 3.0. Het meeste hiervan is ook achterwaarts compatibel .

Versie 1.x begon in juni 2006 als versie 1.0 als een alfaversie . De eerste versie van versie 2.x werd in april 2013 gepubliceerd onder de naam " jQuery 2.0 ". Dankzij betere JavaScript-ondersteuning van moderne webbrowsers (bijvoorbeeld toegang tot DOM-nodes ), is de broncode van jQuery 2.0 fundamenteel geherstructureerd en opgeschoond. In ruil daarvoor is ondersteuning voor oudere browsers zoals Internet Explorer tot en met versie 8 (en de compatibiliteitsweergave in recentere versies) verwijderd. Omdat deze oudere browsers nog steeds een relatief hoog aantal gebruiksmogelijkheden hebben, afhankelijk van het toepassingsgebied, werd de 1.x-versieregel onderhouden en bijgewerkt om redenen van compatibiliteit totdat versie 3.0 op 9 juni 2016 werd uitgebracht. De versie 1.x en 2.x worden geleverd met beveiligingsrelevante patches . Versie 3.x ondersteunt echter helemaal geen Internet Explorer- specifieke functies. Onder andere de API voor is jQuery.deferredgewijzigd met versie 3.0 en verouderde event listeners , namelijk .load, .unloaden .errorzijn verwijderd.

Functies

jQuery biedt JavaScript-ontwikkelaars de volgende functies:

• Elementselectie in het Document Object Model via de Sizzle Selector Engine , die grotendeels overeenkomt met de CSS 3 selectors
• Document Object Model- manipulatie
• Extended event systeem
• Hulpfuncties zoals de eachfunctie
• Animaties en effecten
• Ajax functionaliteiten
• Uitbreidbaarheid via talloze gratis plug-ins , zoals jQuery UI voor het uniforme ontwerp van gebruikersinterfaces of DataTables voor het weergeven van tabelgegevens

gebruik

De jQuery-basisbibliotheek bestaat uit een JavaScript-bestand dat alle basis DOM, evenementen, effecten en Ajax-functies bevat.

Nadat het bestand met de bibliotheek is geïntegreerd in het HTML-document , kan jQuery worden gebruikt. Door objecten te openen met de $functie of om compatibiliteitsproblemen met andere bibliotheken te vermijden en om een ​​betere leesbaarheid te bereiken, wordt jQueryeen object met de functie gemaakt. Dit jQuery-object kan worden doorgegeven aan andere functies dankzij vloeiende interfaces .

Om met meerdere bibliotheken te kunnen werken die het $ -symbool als oproep gebruiken, kunt u dit deactiveren in jQuery:

// gibt das $-Zeichen für andere Bibliotheken frei (kann auch mit der $-Notation aufgerufen werden)
jQuery.noConflict();

Een typische manipulatie van DOM-elementen begint met de functie $of jQuery, die een CSS- achtige selector als parameter verwacht . Passende DOM-elementen worden vervolgens geretourneerd, die vervolgens kunnen worden gemanipuleerd met jQuery-methoden. Voorbeeld:

$("div.test, p.quote")
    .addClass("blue")
    .slideUp("slow");

// oder auch
jQuery("div.test, p.quote")
    .addClass("blue")
    .slideUp("slow");

In dit voorbeeld zijn alle divelementen met de klasse testen alle pelementen met de klasse quotegeselecteerd. Vervolgens wordt de CSS-klasse bluetoegevoegd aan elk van de gevonden elementen . Ten slotte wordt de verticale ineenstorting van deze elementen geanimeerd.

Er zijn ook globale hulpfuncties. Deze kunnen worden opgeroepen met de functie $- / jQuery. De eachfunctie wordt gedemonstreerd in het volgende voorbeeldscript :

var meinArray = [1, 2, 3];
$.each(meinArray, function() {
  document.write(this + 1);
});

Dit voorbeeld schrijft 234in het document.

Met behulp van zijn de Ajax-functionaliteiten aan te roepen $.ajax. In het onderstaande voorbeeld wordt een asynchrone HTTP POST- aanvraag gedaan naar een PHP- script. Als de oproep succesvol is, wordt het antwoord van het PHP-script uitgevoerd met een berichtenvenster.

$.ajax({
  type: "POST",
  url: "beispiel.php",
  data: "name=Mustermann&location=Berlin",
}).done(function(response){
    alert("Daten gespeichert: " + response);
});

Met behulp van jQuery kunnen ook events worden toegevoegd aan de DOM-elementen:

$(function() {
  $("div.test a").on('click', function() {
    alert("Hello world!");
  });
});

In dit voorbeeld wordt na het laden van de DOM-structuur diveen gebeurtenislistener toegewezen aan elk "a" -element dat zich binnen elementen met de "test" -klasse bevindt , die een bericht afgeeft wanneer op het element wordt geklikt. Het voordeel van deze implementatie is dat het klikgedrag centraal kan worden aangestuurd en niet in het HTML-element zelf wordt opgeslagen.

Zie ook

• jQuery UI
• jQuery mobiel

literatuur

• Bear Bibeault, Yehuda Katz: jQuery in Action . 2e editie. Manning, 2010, ISBN 978-1-935182-32-0 .
• Jonathan Chaffer, Karl Swedberg: leer en gebruik jQuery . dpunkt.verlag, 2012, ISBN 978-3-89864-786-1 .
• Christian Darie: AJAX en PHP: responsieve webapplicaties bouwen . Packt Publishing, 2006, ISBN 1-904811-82-5 .
• Christian Heilmann: JavaScript beginnen met DOM Scripting en Ajax . Apress, 2006, ISBN 1-59059-680-3 .
• Christian Heilmann: Web Development Solutions . Apress, 2007, ISBN 978-1-59059-806-1 .
• John Resig: Pro JavaScript-technieken . Apress, 2006, ISBN 1-59059-727-3 .
• Ralph Steyer: jQuery: het nieuwe JavaScript-framework voor interactief ontwerp . Addison-Wesley, 2009, ISBN 978-3-8273-2887-8 .
• Ralph Steyer: jQuery - Het universele JavaScript-framework voor het interactieve web en mobiele applicaties . 1e editie. Hanser, München 2014, ISBN 978-3-446-43941-2 ( hanser-fachbuch.de ). 

web links

• Officiële website (Engels)
• Officiële documentatie (Engels)
• jQuery Mobile - UI-framework voor smartphones en handhelds (Engels)

Individueel bewijs