Comment créer sa propre fonction de type jQuery en JavaScript ?

Question

Comment puis-je créer une fonction qui ressemble au callback de jquery $ ?

Disons que je veux appeler un élément avec id= "mydiv".

Je veux pouvoir l'appeler comme

var div = $("mydiv").value;

Je pense que la fonction devrait ressembler à

function $(element)
{
  return  document.getElementById(element);
}

Est-ce la bonne façon de procéder ou préférez-vous une autre solution ?

Answer 1

Vous pouvez procéder de trois manières différentes :

champ d'application local :

function $(element)
{
  return  document.getElementById(element);
}

ou

var $ = function(element)
{
  return  document.getElementById(element);
}

ou si vous avez besoin qu'il soit défini dans portée mondiale :

window.$ = function(element)
{
  return  document.getElementById(element);
}

Si vous avez inclus jQuery , définissant $ dans le champ d'application global la remplacera. Utiliser jQuery.noConflict pour éviter cela.

Answer 2

JQuery renvoie en fait un objet personnalisé afin que vous puissiez appeler $('#id').someJqueryFunction(). Si vous souhaitez simplement un raccourci pour document.getElementById,

var $ = document.getElementById;

devrait suffire.