Explication détaillée de la méthode d'extension jQuery.extend(), jQuery.fn.extend() examples_jquery

jQuery a personnalisé les méthodes jQuery.extend() et jQuery.fn.extend() peut créer des fonctions ou des sélecteurs globaux, et la méthode jQuery.fn.extend() peut créer des méthodes d'objet jQuery
Par exemple :

Copier le code Le code est le suivant :

jQuery. extend({
showName : function(name){
alert(name)
}
}
jQuery.showName("Bleu foncé"); 🎜>jQuery. En plus de créer des plug-ins, extend() peut également être utilisé pour étendre des objets jQuery
Par exemple :

Copier le code

. Le code est le suivant : var a = { nom : "bleu",

pass : 123

}
var b = {
nom : "rouge",
pass : 456,
âge : 1
}
var c = jQuery.extend({},a,b

c possède les attributs des objets a, b, puisque l'objet b est après l'objet a, son attribut name est en premier dans l'objet c

la méthode jQuery.extend() transmet une série d'options à. le plug-in, y compris les valeurs par défaut

Copier le code

Le code est le suivant : function fn(options){ var options = jQuery.extend({ //Liste d'options des paramètres par défautnom1 : valeur1,

nom2 : valeur2,

nom3 : valeur3
},options) ; //Utiliser les paramètres de fonction pour écraser ou fusionner dans la liste d'options de paramètres par défaut
/ /Function body
}
fn({ name1 : value3, name2 : value2 , name3 : value1 });//Use new value
fn({ name4 : value3, name5 : value2 });// Ajouter de nouvelles options à la valeur par défaut
fn(); //Conserver les valeurs d'option par défaut​​


Lors de l'appel de cette méthode, la transmission de nouvelles valeurs de paramètre écrasera les valeurs des options de paramètre par défaut, sinon, utilisez la valeur de paramètre par défaut

Utilisez l'objet JQuery.fn pour créer la méthode objet JQuery
<.>Vous pouvez ajouter des propriétés et des méthodes via l'objet jQuery.fn. En fait, l'objet jQuery.fn est un hook Sur jQuery.prototype, jQuery l'abrége. Qu'est-ce que

fn. En regardant le code jQuery, ce n'est pas difficile à trouver.




Copier le code

Le code est le suivant : jQuery.fn = jQuery.prototype = { 　init : fonction (sélecteur, contexte) {//....　

　　//……

}


JQuery original .fn = jQuery.prototype Vous connaissez certainement le prototype.

Par exemple :

Copiez le code

Le code est le suivant : jQuery.fn. test = function(){ alert("Ceci est une méthode objet jQuery !" } jQuery("div").click(function(){

); $(this).test (); //Appelez la méthode test() sur l'objet jQuery actuel

});


Nous pouvons appeler la méthode jQuery.fn.extend() pour créer une méthode objet jQuery

Copier le code

Le code est le suivant : jQuery.fn .extend({ test : function( ){ return this.each(function(){ alert(this.nodeName)

});

}
});
jQuery("body *"). click(function(){
$(this).test(); //Appeler la méthode objet jQuery
}); En un mot : jQuery.extend est destiné à l'extension personnalisée de la classe JQuery, jQuery.fn.extend est une extension personnalisée de l'objet JQuery.