Apakah cara yang berbeza untuk mencipta pemalam jQuery, dan bagaimana ia berbeza dalam fungsi dan kes penggunaannya?

Apakah Fungsi '(function($) {})(jQuery);' Betulkah?

Soalan:

Bolehkah seseorang menjelaskan tujuan dan variasi sintaks pemalam jQuery berikut?

(fungsi($) {})(jQuery);

Bagaimanakah ia berbeza daripada contoh ini:

Jenis 1:

(fungsi($) {

$.fn.jPluginName = {

    },

    $.fn.jPluginName.defaults = {

    }

})(jQuery);

Jenis 2:

( fungsi($) {

$.jPluginName = {

    }

})(jQuery);

Jenis 3:

(fungsi($){

//Attach this new method to jQuery
$.fn.extend({ 

    var defaults = {  
    }  

    var options =  $.extend(defaults, options);  

    //This is where you write your plugin's name
    pluginname: function() {

        //Iterate over the current set of matched elements
        return this.each(function() {

            //code to be inserted here

        });
    }
}); 

})(jQuery);

Jawapan:

Berpecah '(function($) {})(jQuery);'

Coretan kod ini biasanya digunakan untuk mentakrifkan penutupan yang segera memanggil fungsi yang dilampirkan, menghantar jQuery sebagai hujah. Ia bersamaan dengan:

<br>function($) {}($);<br>

Teknik ini digunakan untuk mencipta skop setempat untuk pemalam, mengelakkan konflik dengan pemalam lain atau pembolehubah global.

Pemalam Variasi Sintaks:

Jenis 1:

Sintaks ini melampirkan kaedah dan pilihan lalai pada $.fn, dengan berkesan mencipta pemalam jQuery yang boleh diakses sebagai $ (elemen).jPluginName().

Jenis 2:

Sintaks ini memanjangkan fungsi teras jQuery dan bukannya mencipta pemalam. Ia berguna untuk menambah fungsi traversal atau utiliti lain pada jQuery itu sendiri.

Jenis 3:

Sintaks ini serupa dengan Jenis 1 tetapi menggunakan $.fn.extend untuk dilampirkan kaedah pemalam kepada prototaip jQuery. Ia menyediakan cara berstruktur dan modular untuk mencipta pemalam.

Sintaks Yang Mana Untuk Digunakan:

Jenis 1 harus digunakan untuk mencipta pemalam yang memanipulasi Elemen DOM.
Jenis 2 hendaklah digunakan semasa memanjangkan jQuery fungsi teras.
Jenis 3 ialah pilihan pilihan untuk kebanyakan senario pembangunan pemalam.

Atas ialah kandungan terperinci Apakah cara yang berbeza untuk mencipta pemalam jQuery, dan bagaimana ia berbeza dalam fungsi dan kes penggunaannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!