Équivalence de la fonction MooTools $defined() sous jQuery

Dans mon récent apprentissage de l’excellente librairie JavaScript jQuery, j’ai cherché une équivalence de la fonction MooTools $defined() permettant de déterminer si un objet est défini ou non. Ce test est très pratique sous MooTools car il permet par exemple d’améliorer la généricité des scripts ou encore d’éviter d’appeler des objets non définis sur la page courante et ainsi provoquer une erreur.

Voici donc un exemple de code jQuery permettant de tester si l’élément HTML portant l’id « define » existe ou non. Si et seulement s’il existe, nous lui affecterons alors un événement click. Notez également l’utilisation de preventDefault permettant de stopper le comportement par défaut de l’événement, comme par exemple le scroll en haut de page lors du clic sur un lien :

//If an HTML element with a "define" id exists :
if($('#define').length) {
				
	$('#define').click(function(e){
					
		//We are stopping the default event like scrolling to the top of the page for a link
		e.preventDefault();
					
		//Do some stuff here
					
	});			
}

//If an HTML element with a "define" id exists :

if($('#define').length) {

$('#define').click(function(e){

//We are stopping the default event like scrolling to the top of the page for a link

e.preventDefault();

//Do some stuff here

});

}

FGRibreau says:

24 décembre 2009 à 17:03

Ou alors pour rester dans la même logique que Mootools:

function $defined(obj){
return !!$(obj).length;
}

if($defined(« #el »)){alert(‘ok’);}

ou encore

if($defined($(‘#el .monEl’))){alert(‘ok’);}

Mais il serait plus logique de passer par un $(‘#monEl’).defined(); pour respecter la logique jQuery 🙂

Répondre

Laisser un commentaire Annuler la réponse