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.
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!
