Heim >Web-Frontend >js-Tutorial >So verwenden Sie jQuery-Plugins
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 (){}})].
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 "/>
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代码 这需要一定的底子最后 就是慢慢查看他的代码的实现功能了,先得看懂他是怎么实现的,然后你才会知道怎么改。
3、jQuery插件我也写的不少 像 模拟alert/confirm/prompt 错误信息提示框 模拟弹出窗体 无缝marquee滚动 分页控件 拖拽控件等。
4、jQuery插件的框架写法通常是(function($){$.fn.extend({fnKey:function(){}})
//或者$.fn.fnKey=function(){}})(jQuery)
上面的两种写法的调用 方式 是$("XXX").fnKey()进行调用的
5、还有一种写法:var fnClass = function(){this.fnKey=function(){}this.props="";}
这种写法是的调用 方式是fnClass obj = new fnClass();obj.fnKey();
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()
5. Es gibt eine andere Schreibweise:
var fnClass = ( ){this.fnKey=function () {}this.props="";}
Die aufrufende Methode dieser Schreibmethode istfnClass 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!