Retour

Clôturez jQuery !

Exemple n° 3

À l'intérieur de la clôture jQuery, vous pouvez utiliser immédiatement le mot clé "this" qui représente l'objet window.

(function($){
	
	//équivalent à window.confirm()
	var r = this.confirm("Bienvenue dans mon cahier d'excercices sur jQuery & Co.");
	
	if (r == true){
		//équivalent à window.alert()
		this.alert("You pressed OK!")
	} else {
		this.alert("You pressed Cancel!")
	}
	
	//Une fonction anonyme entourée d'une clôture. Elle s'exécutera automatiquement. 
	(function(){
		this.alert("La valeur de this n'ayant pas été modifiée, sa valeur est : " + this);
	})();
	
	//http://james.padolsey.com/javascript/jquery-delay-plugin/
	$.fn.delay = function(time, callback){
		jQuery.fx.step.delay = function(){};
		return this.animate({delay:1}, time, callback);
	}
	
	//On peut conserver la valeur actuelle de this en l'affectant à une variable, par exemple that
	var that = this;
	
	//équivalent à $(window).load()
	$(this).load(function(){
			
		alert("Dans $(window).load(), that = " + that + ", et this = " + this);
		
		$("#conteneur h1").delay(2000, function(){
			$(this).css("color","#339900");
			
			alert("Dans cette fonction anonyme, that = " + that + ", et this = " + this);
		});
	});
})(jQuery);