jQuery.$.extend()

Liste des paramètres acceptés :

$.extend(cible,prop1,propN)

$.extend(cible,prop1,propN)

Etend un objet avec un ou plusieurs autres, et retourne l'objet original modifié. Permet de cette manière d'utiliser les notions d'héritage.

Paramètres:

cible (Objet): L'objet a étendre
prop1 (Objet): Objet dont les propriétés étendront le premier
propN (Objet): (optionnel) Nieme objet dont les propriétés étendront le premier

Cette methode renvoie: Objet

Prenons l'exemple suivant:

Fusionne l'objet settings et options, modifiant l'objet settings.



var settings = { validate: false, limit: 5, name: "foo" };

 var options = { validate: true, name: "bar" };

 jQuery.extend(settings, options);

On obtiendra :



settings == { validate: true, limit: 5, name: "bar" }

Prenons l'exemple suivant:

Fusionne l'objet defaults et options sans modifier l'objet defaults.



var empty = {}

var defaults = { validate: false, limit: 5, name: "foo" };

var options = { validate: true, name: "bar" };

 var settings = jQuery.extend(empty, defaults, options);

On obtiendra :



settings == { validate: true, limit: 5, name: "bar" }

 empty == { validate: true, limit: 5, name: "bar" }

Prenons l'exemple suivant:

Exemple qui assigne à un objet jQuery une extension spécifique. Dans ce cas précis, le résultat sera une popup javascript affichant le message "one, two, three, start your engines" au chargement de la page.



quelque part dans le code HTML:

<a id="zbang" />



...



quelquepart dans le code javascript:



var extension = { 

	foo: function() 

	{ 

	    alert(this.anarray); 

	},

	anarray: ['one', 'two', 'three', 'start your engines']

};

$.extend($("#zbang").get(0), extension);	

		

$("#zbang").get(0).foo();