jQuery-Plug-in-Entwicklungsanleitung_jquery

Also werfen wir zunächst einen kurzen Blick auf die orthodoxste jQuery-Plug-in-Definitionsmethode:

Code kopieren Der Code lautet wie folgt:

(Funktion ($) { 
$.fn.Plug-in-Name = Funktion (Einstellungen) {                                               //Standardparameter 
var defaultSettings = {

                                                                                                                                                                                                                                                                        /* Standardparameter und benutzerdefinierte Parameter zusammenführen
Settings = $.extend(defaultSettings, Settings);

return this.each(function () {                                                                                                                                                                                                                                                                
} })(jQuery);



Schauen wir uns zunächst die erste Codezeile in der Vorlage an (natürlich müssen wir die zweite Hälfte dieser Codezeile herausziehen und gemeinsam lesen, sonst ist die erste Zeile völlig bedeutungslos):

Code kopieren Der Code lautet wie folgt: (Funktion ($) {

})(jQuery);



Diese Codezeile wird tatsächlich zum Erstellen einer anonymen Funktion verwendet. Wenn Sie anonyme Funktionen und Abschlüsse nicht verstehen, werden Sie über diese Art von Code sehr verwirrt sein. Es wird daher dringend empfohlen, diesen Artikel zu lesen [

Erläutern Sie ausführlich die anonymen Funktionen und Abschlüsse von JavaScript].

jQuerys Vererbungsmethode $.extend —— $.extend spielt eine sehr wichtige Rolle bei der jQuery-Plug-in-Entwicklung, die zum Zusammenführen von Parametern verwendet wird.

Code kopieren Der Code lautet wie folgt: $.fn.tip = Funktion (Einstellungen) { 

var defaultSettings = {                                            //Farbe 

Farbe: 'gelb', 
//Verzögerung
Zeitüberschreitung: 200 }
/* Standardparameter und benutzerdefinierte Parameter zusammenführen */
Settings = $.extend(defaultSettings, Settings); warning(settings.input);
}



Das jQuery-Plugin definiert den zweiten Weg:

Code kopieren

Der Code lautet wie folgt:

(Funktion ($) {
    //插件定义--更换名字
    $.fn.tabpanel = Funktion (Methode) {
        var methoden = $.fn.tabpanel.methods;
        if (Methoden[Methode]) {
            Rückgabemethoden[Methode].apply(this, Array.prototype.slice.call(arguments, 1));
        } else if (typeof method === 'object' || !method) {
            return methods.init.apply(this, arguments);
        } sonst {
 
        }
    }
    //支持的方法
    $.fn.tabpanel.methods =
    {
        //初始化
        init: Funktion (p_options) {
            tabpanelBind(p_options, this);
        },
        hinzufügen: Funktion (p_options) {
            addTab(p_options, this);
            tabpanelBind(p_options, this);
            // Debugger
        }    }
    Funktion add(p_options) {
        var _defaults = {
            id: ""
        }
   
　　　　//内部实现略......
        return _index;
    }

})(jQuery);

调用  $("#team").tabpanel('add',"");

好了, 上面介绍的这2种开发方式都是最常用的, 小伙伴们先好好学习下吧, 后续我们再介绍的更深入些