this et jQuery $(this)

Avril 2013

En Javascript, this est une variable spéciale qui contient une référence vers l'objet courant. Prenons par exemple un objet très simple qui comporte 2 attributs et une fonction :

var voiture = {
	couleur: 'rouge',
	carburant: 'gazole',
	description: function(){
		alert('Voiture ' + this.couleur + ' qui roule au ' + this.carburant);
	}
};

voiture.description(); // Voiture rouge qui roule au gazole

Dans la fonction description, this fait référence à l'objet auquel appartient la fonction description.

Voilà un autre exemple moins théorique :

<input type="button" onclick="alert(this.value)" value="Salut">

Dans ce cas, this fait référence à l'élément HTML <input>. Il s'agit d'un élément HTML natif.

Si vous voulez en savoir plus c'est par ici : faire une todolist avec excel.

jQuery(this), ou $(this)

En jQuery, toutes les fonctions s'appliquent à un élément jQuery. En temps normal, un élément jQuery est retourné par un sélecteur CSS comme ceci : $('div#header'), et bien $(this) sert à retourner un objet jQuery à partir de l'objet Javascript natif this, tout simplement !

En d'autres termes, ça permet de passer du javascript à jQuery. On peut aussi faire l'opération inverse, c'est-à-dire obtenir un objet Javascript natif à partir d'un objet jQuery, en utilisant la fonction .get() : $('div#header').get().

Pour en savoir plus, consulter le cours jQuery, chapitre animation.

Fini de lire cette page ? allez faire un tour ici : texte liquide, ça peut vous intéresser.

0 commentaire
facultatif
Facebook Twitter RSS Email
Forum Excel
Venez découvrir le nouveau forum excel question/réponse à la stackoverflow.com !
Forum Excel
hit parade n'en a rien a foutre du W3C Positionnement et Statistiques Gratuites Vincent Paré