Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to create own jQuery-like function in JavaScript?

How can i create a function which looks like the jquery callback $

Say i want to call a element with id= "mydiv".

i want to be able to call it like

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

i think the function should look like

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

Is that the right way to do it, or do you prefer another way to solve it?

like image 469
streetparade Avatar asked Apr 25 '10 20:04

streetparade


1 Answers

You can do it one of three ways:

local scope:

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

or

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

or if you need it to be defined in global scope:

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

If you have included jQuery, defining $ in the global scope will override it. Use jQuery.noConflict to avoid this.

like image 196
Jacob Relkin Avatar answered Oct 12 '22 14:10

Jacob Relkin