Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie jQuery-Plugins

So verwenden Sie jQuery-Plugins

coldplay.xixi
coldplay.xixiOriginal
2020-12-24 14:06:182928Durchsuche

So verwenden Sie das jQuery-Plug-in: Legen Sie zuerst die verfügbare Demo fest. Verwenden Sie dann den Webkit-Kernel oder Firefox, um schließlich das Plug-in-Framework zu schreiben. Der Code lautet [(function($){$.fn.extend( {fnKey:function (){}})].

So verwenden Sie jQuery-Plugins

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.0-Version, DELL G3-Computer

Empfohlen: jquery-Video-Tutorial

Methode:

1. Wenn Sie das jQuery-Plug-in verwenden möchten, gibt es normalerweise eine Demo oder API, die Sie überprüfen können. Normalerweise veröffentlicht das jQuery-Plug-in zwei Versionen. XXX.js und XXX.min.js, um die Größe zu reduzieren, müssen Sie zunächst die Datei XXX.js verwenden Wissen Sie, wie man es verwendet. Halten Sie zunächst eine verfügbare demo bereit (wenn es keine Demo gibt, schreiben Sie einfach selbst eine) und verwenden Sie dann hauptsächlich den Webkit-Kernel oder Firefox, um das Plug-in zu finden Natürlich können Sie den js-Code auch direkt anzeigen, was eine gewisse Grundlage erfordert. Schließlich müssen Sie die Implementierungsfunktion seines Codes zuerst verstehen und erst dann wissen, wie man es ändert.

.png "/>So verwenden Sie jQuery-Plugins

3. Ich habe auch viele jQuery-Plug-Ins geschrieben, z. B. die Simulation von Eingabeaufforderungsfeldern für Warnmeldungen/Bestätigungen/Eingabeaufforderungen, die Simulation von Popup-Formularen, die Steuerung nahtloser Laufschrift-Scroll-Paging-Steuerungen, Drag-and-Drop-Steuerungen usw.

demo(没有demo就自己写一个),然后用webkit内核或firefox进行断点查看,这主要是为了找插件入口点,当然 你也可以直接查看js代码 这需要一定的底子最后 就是慢慢查看他的代码的实现功能了,先得看懂他是怎么实现的,然后你才会知道怎么改。

So verwenden Sie jQuery-Plugins

3、jQuery插件我也写的不少 像 模拟alert/confirm/prompt 错误信息提示框 模拟弹出窗体 无缝marquee滚动 分页控件 拖拽控件等。

So verwenden Sie jQuery-Plugins

4、jQuery插件的框架写法通常是(function($){$.fn.extend({fnKey:function(){}})//或者$.fn.fnKey=function(){}})(jQuery)上面的两种写法的调用 方式 是$("XXX").fnKey()进行调用的

So verwenden Sie jQuery-Plugins

5、还有一种写法:var fnClass = function(){this.fnKey=function(){}this.props="";}这种写法是的调用 方式是fnClass obj = new fnClass();obj.fnKey();So verwenden Sie jQuery-Plugins

4. jQuery-Plug-in-Framework Die Schreibweise lautet normalerweise (function($){$.fn.extend({fnKey:function(){}})//oder $.fn.fnKey= function(){}})(jQuery )Die Aufrufmethode der beiden oben genannten Schreibmethoden ist $("XXX").fnKey()So verwenden Sie jQuery-Plugins

So verwenden Sie jQuery-Plugins

5. Es gibt eine andere Schreibweise:var fnClass = ( ){this.fnKey=function () {}this.props="";}Die aufrufende Methode dieser Schreibmethode ist fnClass obj = new fnClass();obj.fnKey(); Code> Die zweite Schreibmethode ist js. Sie müssen die objektorientierte Programmierung langsam verstehen

Das obige ist der detaillierte Inhalt vonSo verwenden Sie jQuery-Plugins. 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