Heim > Web-Frontend > js-Tutorial > Was ist ein jQuery-Plugin?

Was ist ein jQuery-Plugin?

(*-*)浩
Freigeben: 2019-05-30 10:18:15
Original
2391 Leute haben es durchsucht

JQuery-Plug-Ins sind von einigen Leuten geschriebene Tools, die JQuery verwenden. Wenn wir sie aufrufen, müssen wir nur sehr wenig Code verwenden, um gute Ergebnisse zu erzielen Eine Reihe bereits vorhandener Tools Kapselt eine Methode oder Funktion, sodass sie an anderer Stelle wiederverwendet werden kann, um die spätere Wartung zu erleichtern und die Entwicklungseffizienz zu verbessern.

Was ist ein jQuery-Plugin?

Werfen wir einen Blick auf einige häufig verwendete jQuery-Plug-ins:

jQuery-Formularvalidierungs-Plug-in: Validierung

Der häufigste Anlass, bei dem JavaScript verwendet wird, ist die Formularvalidierung, und jQuery bietet als hervorragende JavaScript-Bibliothek auch ein hervorragendes Formularvalidierungs-Plug-in -in—— Validation.Validation ist eines der ältesten jQuery-Plug-Ins, wurde von verschiedenen Projekten auf der ganzen Welt verifiziert und von vielen Webentwicklern gelobt. Als Standardbibliothek für Verifizierungsmethoden bietet die

Validierung die folgenden Vorteile:

Eingebaute Validierungsregeln: mit Pflichtfeldern, Zahlen, E-Mails, URLs, Kreditkartennummern usw. 19 Arten integrierter Verifizierungsregeln

Benutzerdefinierte Verifizierungsregeln: Sie können Verifizierungsregeln ganz einfach anpassen

Einfache und leistungsstarke Eingabeaufforderungen für Überprüfungsinformationen: Die Eingabeaufforderungen für Überprüfungsinformationen sind standardmäßig voreingestellt und können vom Benutzer überschrieben werden Es werden Standardaufforderungen bereitgestellt. Informationsfunktionen

Echtzeitüberprüfung: Die Überprüfung kann durch Keyup- oder Blur-Ereignisse ausgelöst werden, nicht nur, wenn das Formular gesendet wird.

jQuery-Formular-Plug-in: Form

jQuery-Formular-Plug-in ist ein hervorragendes Ajax-Formular-Plug-in, mit dem HTML-Formulare ganz einfach und unkompliziert auf die Unterstützung von Ajax aktualisiert werden können -invasiv. jQuery verfügt über zwei Kernmethoden – ajaxForm() und ajaxSubmit(), die Funktionen von der Steuerung von Formularelementen bis hin zur Entscheidung, wie der Übermittlungsprozess verwaltet werden soll, kombinieren. Darüber hinaus enthält das Plug-in

auch weitere Methoden:

formToArray(), formSerialize(), fieldSerialize(), fieldValue(), clearForm( ) und resetForm () usw.

jQuery UI-Plug-in

jQuery UI ist von einer jQuery-Plug-in-Schnittstelle abgeleitet. Die früheste Version des Interface-Plug-Ins war Version 1.2, die nur die jQuery 1.1.2-Version unterstützte. Später haben einige Leute die meisten Interface-Vertreter basierend auf der jQuery 1.2-API rekonstruiert und die API vereinheitlicht. Aufgrund wesentlicher Verbesserungen lautet die Versionsnummer nicht 1.3, sondern springt direkt auf 1.5 und wird in jQuery UI umbenannt.

jQuery-Benutzeroberfläche ist hauptsächlich in drei Teile unterteilt: Interaktion, Widgets und Effektbibliothek

Interaktion. Hier finden Sie einige Inhalte zur Mausinteraktion. Einschließlich Ziehen, Platzieren, Zoomen, Auswählen und Sortieren usw. Einige der Widgets basieren auf diesen interaktiven Komponenten. Diese Bibliothek erfordert eine jQuery-UI-Kernbibliothek – ui.core.js unterstützt

Widgets. Hier sind hauptsächlich einige Schnittstellenerweiterungen. Es umfasst Akkordeon-Navigation, automatische Vervollständigung, Farbauswahl, Dialogfeld, Schieberegler, Beschriftung, Kalender, Lupe, Fortschrittsbalken und Spinner-Controller. Diese Bibliothek erfordert eine jQuery-UI-Kernbibliothek – ui.core.js unterstützt die Effektbibliothek

. Diese Bibliothek wird verwendet, um umfangreiche Animationseffekte bereitzustellen, sodass die Animation nicht mehr auf die Methode animate() beschränkt ist. Die Effektbibliothek verfügt über einen eigenen Kernsatz, effects.core.js, und erfordert nicht die Unterstützung der jQuery-Kernbibliothek ui.core.js

Plug-in für dynamische Bindungsereignisse: livequery

Die Ereignisbindungsfunktion von Query ermöglicht die vollständige Trennung von jQuery-Code und HTML-Code, wodurch die hierarchische Beziehung des Codes klarer und einfacher zu pflegen ist. Bei HTML-Elementen, die dynamisch in die Seite geladen werden, müssen Ereignisse jedoch jedes Mal neu an diese Elemente gebunden werden, was sehr unpraktisch ist.

Daraus entstand ein neues Plug-In, nämlich livequery, mit dem sich die Uhrzeit für das entsprechende DOM-Element registrieren oder die Callback-Funktion auslösen lässt. Das Ereignis wird nicht nur an das Element gebunden, das mit dem aktuellen Selektor übereinstimmt, sondern auch an Elemente, die später über JavaScript hinzugefügt werden. Wenn das Element nicht mehr mit dem Selektor übereinstimmt, bricht Livequery die Ereignisregistrierung automatisch ab, sodass Entwickler nicht mehr auf die Quelle des HTML-Elements achten müssen, sondern sich nur darauf konzentrieren müssen, wie die gebundenen Ereignisse geschrieben werden.

Wählen Sie ein DOM-Element über den jQuery-Selektor aus und das Livequery-Plug-in speichert es in Echtzeit im gesamten DOM-Bereich. Dies bedeutet, dass das Ereignis gebunden wird, unabhängig davon, ob das Element zuvor vorhanden war oder später dynamisch geladen wurde, genau wie beim CSS-Stil des Elements. Gleichzeitig erreicht dieses Plug-in diese Funktionen nahezu ressourcenschonend.

Das obige ist der detaillierte Inhalt vonWas ist ein jQuery-Plugin?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage