jQuery ist eine plattformübergreifende JavaScript-Bibliothek entwickelt, um die Client-seitiges Scripting von HTML zu vereinfachen. Wird von mehr als 60% der 10.000 am häufigsten besuchten Websites, ist jQuery die beliebteste JavaScript-Bibliothek heute im Einsatz. jQuery ist kostenlos, Open Source Software unter der MIT-Lizenz.

Syntax jQuery wurde entwickelt, um es einfacher, um ein Dokument zu navigieren, wählen Sie DOM-Elemente, Animationen erstellen, zu behandeln Ereignisse und Entwicklung von Ajax-Anwendungen. jQuery bietet auch Funktionen für Entwickler, um Plug-Ins auf der Oberseite der JavaScript-Bibliothek zu erstellen. Dies ermöglicht es Entwicklern, Abstraktionen für Low-Level-Interaktion und Animation, erweiterte Effekte und High-Level, themen können Widgets erstellen. Das modulare Konzept für die jQuery-Bibliothek ermöglicht die Erstellung von leistungsfähigen dynamische Web-Seiten und Web-Anwendungen.

Der Satz von jQuery Core verfügt über DOM-Element Auswahl, Traversal und Manipulation durch seine Wahlmotor aktiviert ist, erstellt einen neuen "Programmierstil", Absicherung Algorithmen und Datenstrukturen DOM. Dieser Stil beeinflusst die Architektur der anderen JavaScript-Frameworks wie YUI v3 und Dojo, später Förderung der Schaffung der Norm Selectors API.

Microsoft und Nokia bündeln jQuery auf ihren Plattformen. Microsoft schließt sie mit Visual Studio für die Verwendung innerhalb von Microsoft ASP.NET AJAX-Framework und ASP.NET MVC Framework, während Nokia hat es in der Web Run-Time Widget-Entwicklungsplattform integriert. jQuery hat auch in MediaWiki seit Version 1.16 verwendet.

Überblick

jQuery, im Kern ist ein DOM-Manipulation-Bibliothek. Das DOM ist eine Baumstruktur Darstellung aller Elemente einer Webseite, und jQuery macht die Suche, Auswahl und Manipulation dieser DOM-Elemente einfach und bequem. Beispielsweise kann jQuery zum Auffinden eines Elements in dem Dokument mit einer bestimmten Eigenschaft, Verändern einer oder mehrerer seiner Attribute, oder dass es auf ein Ereignis reagiert werden.

Über grundlegende DOM Auswahl und Manipulation, bietet jQuery ein neues Paradigma für die Ereignisverarbeitung in JavaScript. Die Veranstaltung Zuordnung und das Ereignis Callback-Funktion Definition werden in einem einzigen Schritt in einer einzigen Stelle im Code gemacht. jQuery soll auch andere hoch verwendet JavaScript-Funktionalitäten integrieren.

Die Vorteile der Verwendung von jQuery, sind:

• Trennt JavaScript und HTML: Anstelle der Verwendung von HTML-Attribute, um JavaScript-Funktionen für die Ereignisverarbeitung aufrufen, können jQuery verwendet, um Ereignisse rein in JavaScript zu behandeln. So können die HTML-Tags und JavaScript vollständig getrennt werden.
• Kürze und Klarheit: jQuery fördert Kürze und Klarheit mit Features wie ketten können Funktionen und Kurzschrift Funktionsnamen.
• Beseitigt Cross-Browser-Inkompatibilitäten: Die JavaScript-Motoren unterschiedlicher Browser unterscheiden sich geringfügig, so dass JavaScript-Code, der für einen Browser funktioniert möglicherweise nicht auf der anderen zu arbeiten. jQuery handhabt all diese Cross-Browser-Inkonsistenzen und stellt eine einheitliche Schnittstelle, die auf verschiedenen Browsern funktioniert.
• Extensible: jQuery macht die Verlängerung der Rahmen sehr einfach. Neue Termine, Elemente und Verfahren können leicht hinzugefügt werden und dann als Plugin verwendet.

Eigenschaften

jQuery umfasst die folgenden Funktionen:

• DOM-Element Selektionen mit Hilfe des Multi-Browser-Open-Source-Selektor-Engine Sizzle, ein Spin-off der jQuery-Projekt
• DOM-Manipulation basierend auf CSS-Selektoren, die Namen und Attribute Elemente ", wie ID und Klasse verwendet als Kriterien für die Knoten im DOM wählen
• Veranstaltungen
• Effekte und Animationen
• AJAX
• Latente und Versprechen Einwände gegen asynchrone Verarbeitung zu steuern
• JSON-Analyse
• Erweiterbarkeit durch Plug-ins
• Utilities, wie zB User-Agent Informationen, Feature-Erkennung
• Kompatibilität Methoden, die in modernen Browsern nativ zur Verfügung stehen, müssen aber fallen Rücken für ältere, wie und
• Multi-Browser-Unterstützung

Browser-Unterstützung

Beide Versionen 1.x und 2.x des jQuery-Unterstützung "Strom-1-Versionen" von Firefox, Google Chrome, Safari und Opera.Version 1.x unterstützt auch Internet Explorer 6 oder höher. Allerdings fiel jQuery Version 2.x Internet Explorer 8.6-Unterstützung und unterstützt nur IE 9 und höhere Versionen.

Verwendung

Einschließlich der Bibliothek

Die jQuery-Bibliothek ist eine einzige JavaScript-Datei, die alle ihre gemeinsamen DOM, Event, Effekte und Ajax-Funktionen. Es kann innerhalb einer Webseite durch die Verknüpfung zu einer lokalen Kopie oder auf einem der vielen Kopien von öffentlichen Servern enthalten sein. jQuery hat eine CDN durch MaxCDN gehostet. Google und Microsoft Host es auch.

Es ist auch möglich, jQuery direkt von Content Delivery Networks enthalten.

Nutzergewohnheiten

jQuery hat zwei Nutzungsvarianten:

• Über die Funktion, die eine Factory-Methode für das jQuery-Objekt ist. Diese Funktionen, die oft Befehle genannt, sind verkettbare da sie alle jQuery Objekte zurückgeben.
• Via -prefixed Funktionen. Dies sind Utility-Funktionen, die nicht auf die jQuery-Objekt direkt handeln.

Der Zugriff auf und Manipulation von mehreren DOM-Knoten in jQuery beginnt typischerweise mit dem Aufruf der Funktion mit einem CSS-Selektor-String. Dies gibt ein jQuery-Objekt, das auf alle die passenden Elemente in der HTML-Seite. Zum Beispiel liefert eine jQuery-Objekt mit allen Elementen der Klasse. Diese Knotenmenge kann durch Aufrufen von Methoden auf dem zurück jQuery-Objekt oder auf den Knoten selbst manipuliert werden.

Kein-Konflikt-Modus

jQuery beinhaltet auch Modus, der die Kontrolle über aufgibt. Dies kann hilfreich sein, wenn jQuery mit anderen Bibliotheken, die auch als Bezeichner verwenden, verwendet. In keiner der Konfliktmodus können Entwickler als Ersatz für zu verwenden, ohne Funktionalität zu verlieren.

Typische Anlaufpunkt

Die typische jQuery Nutzung ist Initialisierungscode und Event-Handling-Funktionen in. Dieser wird ausgelöst, wenn der Browser das DOM konstruiert und sendet ein Ladeereignis.

Callback-Funktionen für die Ereignisbehandlung werden auch im Inneren als anonyme Funktionen enthalten, aber aufgerufen, wenn das Ereignis für den Callback ausgelöst wird. ZB die folgende jQuery-Code fügt einen Ereignishandler für einen Mausklick auf ein Bildelement.

Chaining

Jedes jQuery Befehl gibt eine jQuery-Objekt, also Befehle können verkettet werden:

Diese Linie findet die Vereinigung aller Tags mit Klassenattribut und alle Tags mit Klassenattribut, fügt das Klassenattribut zu jedem passenden Element, und dann erhöht deren Höhe mit einer Animation. Die Funktionen und Auswirkungen auf die abgestimmten Satz, während der Einfluss auf die verwiesen wird und Knoten.

Erstellen von neuen DOM-Elemente

Neben den Zugriff auf DOM-Knoten durch jQuery-Objekt-Hierarchie ist es auch möglich, neue DOM-Elemente zu erstellen, wenn ein String übergeben, wie das Argument für $ sieht aus wie HTML. Zum Beispiel diese Zeile findet ein HTML-Element mit ID und fügt ein Element mit dem Wert "VAG" und Text "Volkswagen":

Utility-Funktionen

Funktionen, die mit einem vorangestellten Utility-Funktionen oder Funktionen, die globalen Eigenschaften und das Verhalten beeinflussen. Die folgenden, zum Beispiel, ist eine Funktion zum Durchlaufen Arrays in jQuery genannt verwendet:

Dies schreibt "2", "3", "4" an die Konsole.

AJAX

Es ist möglich, Browser-unabhängige Ajax-Abfragen mit und die damit verbundenen Methoden zur Remote-Daten zu laden und zu manipulieren, durchzuführen.

Dieses Beispiel Beiträge die Daten und die auf dem Server. Wenn diese Anforderung erfolgreich abgeschlossen wurde, wird der Erfolg Funktion aufgerufen, um den Benutzer zu warnen. Wenn die Anforderung fehlschlägt, wird der Benutzer auf das Scheitern, den Status der Anforderung und dem spezifischen Fehler aufmerksam zu machen.

Asynchronous

Beachten Sie, dass das obige Beispiel verwendet die latenten Natur, seine asynchrone Natur umgehen: Erstellen und Rückrufe, die nur ausgeführt werden, wenn der asynchrone Vorgang abgeschlossen ist.

jQuery-Plug-Ins

jQuery-Architektur ermöglicht es Entwicklern, Plug-in-Code, um seine Funktion zu erweitern erstellen. Es gibt Tausende von jQuery-Plug-Ins, die im Internet zur Verfügung, die eine Reihe von Funktionen abdecken, wie Ajax-Helfer, Web-Services, Datagrids, dynamische Listen, XML und XSLT-Tools, Drag & Drop, Veranstaltungen, Cookiebehandlung und modale Fenster.

Eine wichtige Quelle der jQuery-Plug-Ins ist die Plugins Domäne der jQuery-Projekt-Website. Die Plugins in dieser Sub-Domain wurden jedoch versehentlich im Dezember 2011 in einem Versuch, die Website von Spam zu befreien gelöscht. Der neue Standort wird einen GitHub-Repository gehostet, die Entwickler benötigen wird, um ihre Plugins erneut einreichen und sich auf neue Vorlage Anforderungen entsprechen. Es gibt alternative Plug-in Suchmaschinen wie jquer.in, die mehr spezialisierte Ansätze zu nehmen, wie die Auflistung nur Plug-Ins, die bestimmte Kriterien erfüllen. jQuery bietet eine "Learning Center", die Benutzer verstehen, JavaScript helfen können, und begann mit der Entwicklung jQuery Plugins zu bekommen.

Geschichte

jQuery wurde ursprünglich im Januar 2006 im BarCamp NYC von John Resig veröffentlicht und wurde von Dean Edwards frühere cssQuery Bibliothek beeinflusst. Es wird derzeit von einem Team von Entwicklern von Dave Methvin geführt gehalten.

Version Verlauf

Rahmen Testing

QUnit ist ein Test Automation Framework verwendet, um die jQuery-Projekt zu testen. Die jQuery-Team entwickelt sie als Inhouse-Unit-Tests Bibliothek. Die jQuery-Team nutzt sie, um seinen Code und Plugins zu testen, aber es kann eine beliebige Generika JavaScript-Code, einschließlich der serverseitigen JavaScript-Code zu testen.

Ab 2011 verwendet die jQuery-Testing-Team QUnit mit TestSwarm, jedes jQuery Codebasis Release zu testen.