Home/ Questions/Q 871227
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T10:36:31+00:00

Yeah so I’ve been messing around with javascript a while but only recently got

  • 0

Yeah so I’ve been messing around with javascript a while but only recently got into stuff like object orientation, prototyping and using objects for all functions and vars.

But, many frameworks like jQuery or extJS have something I have yet to grasp, you can define an object by using a built in function for searching the dom, example:

var a = $('#mydiv');

and then you can do a.click(function);

So my question is, how can I create a “framework” of sorts where I can write code in that style, like example:

var mydiv = document.querySelector('mydiv');
mydiv.neph(args,args);

So I have my object defined, in this case it’s a dom element or whatever, now I pass it to my function “neph” with arguments, I want to create code that allows me to do this. But since mydiv does not have any function, it only has in this case the dom element right so mydiv.neph does not exist, but in jquery you can define whatever var and .click or .mouseover or whatever does exists within the object as functions? Confusion ensues! 😀

Ok sorry if this is a retarded question btw =P

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    jQuery and other libraries define a function called $ that takes several optional parameters. The object returned by calling $ is not a DOM element, but a jQuery object wrapping a DOM element up with a set of convenient functions.

    You can do something similar yourself:

    <html>
   <body>
      <input id="derp" type="text"/>
<script type="text/javascript">

function $(id)
{
   return new myLibrary(id);
};

function myLibrary(id)
{
   this.el = document.getElementById(id);
};

myLibrary.prototype.help = function()
{
   alert(this.el.id);
   return this;
};

// Woah! My own fake jquery!
$("derp").help();
</script>

   </body>
</html>

    jQuery is far more sophisticated, of course. For example, it will use apply and call to set this correctly in calls like jQuery.each.

    • 0