Heim  >  Artikel  >  Web-Frontend  >  Was bedeutet JQuery-Plugin? Wie benutzt man es?

Was bedeutet JQuery-Plugin? Wie benutzt man es?

不言
不言Original
2018-10-18 11:54:565141Durchsuche

Wir wissen, dass jQuery ein schnelles und prägnantes JavaScript-Framework ist, aber Was ist ein JQuery-Plug-In? Wie verwende ich ? Das kann etwas verwirrend sein, daher werde ich Ihnen in diesem Artikel die Bedeutung und Verwendung des JQuery-Plug-Ins vorstellen. Freunde in Not können sich darauf berufen.

Werfen wir zunächst einen Blick auf Was bedeutet JQuery-Plugin?

JQuery-Plug-Ins sind Tools, die von einigen Leuten mit JQuery geschrieben wurden. Wenn wir sie aufrufen, müssen wir nur sehr wenig Code verwenden, um gute Ergebnisse zu erzielen Bereitstellung von Tools, die bereits über eine Reihe von Methoden oder Funktionen verfügen, sodass diese an anderer Stelle wiederverwendet werden können, um die spätere Wartung zu erleichtern und die Entwicklungseffizienz zu verbessern.

Nachdem wir die Bedeutung des JQuery-Plug-Ins gelesen haben, schauen wir uns an, wie man das JQuery-Plug-In verwendet

Werfen wir zunächst einen Blick auf die Aufrufmethode jquery-Plugin:

1. Erweitern Sie jquery durch $.extend()

2. Fügen Sie Methoden zu jquery durch $.fn hinzu

3 . Über $.widget () Verwenden Sie die jQuery-UI-Widget-Factory-Methode, um

zu erstellen. Sie wird von jQuery nur als Hinzufügen einer statischen Methode verstanden, daher müssen wir sie nicht auswählen DOM-Objekt bei der Verwendung.

Werfen wir einen Blick auf die grundlegende Verwendung des jquery-Plug-ins:

1 Der Name des jQuery-Plugins muss jquery.[Pluginname].js heißen, um Verwechslungen mit anderen JavaScript-Bibliotheks-Plugins zu vermeiden.

2. Alle Objektmethoden sollten an das jQuery.fn-Objekt angehängt werden, und alle globalen Funktionen sollten an das jQuery-Objekt selbst angehängt werden.

3. Innerhalb des Plug-Ins zeigt dies auf das jQuery-Objekt, das aktuell über den Selektor abgerufen wird, im Gegensatz zu allgemeinen Methoden, wie z. B. der click()-Methode, bei der das interne This auf das DOM-Element verweist.

4. Sie können alle Elemente durchqueren.

5. Alle Methoden oder Funktions-Plugins sollten mit einem Semikolon enden, da es sonst zu Problemen bei der Komprimierung kommen kann. Um die Sicherheit zu erhöhen, können Sie dem Header des Plug-Ins sogar ein Semikolon hinzufügen, um zu verhindern, dass der unregelmäßige Code anderer Personen das Plug-In beeinträchtigt.

6. Das Plug-in sollte ein jQuery-Objekt zurückgeben, um sicherzustellen, dass das Plug-in verkettet werden kann. Es sei denn, das Plug-in muss eine Menge zurückgeben, die abgerufen werden muss, z. B. eine Zeichenfolge oder ein Array usw.

7. Vermeiden Sie die Verwendung von $ als Alias ​​für jQuery-Objekte innerhalb des Plug-ins. Verwenden Sie stattdessen vollständiges jQuery zur Darstellung. Dadurch können Konflikte vermieden werden. Natürlich können Sie dieses Problem auch mit Abschlusstechniken umgehen, sodass das Plug-in weiterhin $ als Alias ​​für jQuery verwenden kann. Viele Plugins tun dies.

Dieser Artikel endet hier. Weitere spannende Inhalte finden Sie in den entsprechenden Tutorials auf der chinesischen PHP-Website! ! !

Das obige ist der detaillierte Inhalt vonWas bedeutet JQuery-Plugin? Wie benutzt man es?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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