Creating a class like $ in jQuery

you use JS objects:

/initialization

var person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";

Select allOpen in new window

//constructor

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}

Select allOpen in new window

//methods

function person(firstname,lastname,age,eyecolor)
{
function changeName(name)
{
this.lastname=name;
}
this.changeName=changeName;
}

Select allOpen in new window

check here:
http://www.w3schools.com/js/js_objects.asp

No, that's not what I mean.

In jQuery you can use $(...).methodNameHere();

I'm trying to create something similar but instead of $ I will use C:

C('elementName').hide();

Select allOpen in new window

How do I define C and hide() and get 'elementName' parameter?

The following code doesn't work, how do I fix it?

var C(elementName) = {
    hide: function()
    {
        // Code to hide element here...
    }
}

c('div1').hide();

Select allOpen in new window

add this extension:

function C(element) {
  if (arguments.length > 1) {
    for (var i = 0, elements = [], length = arguments.length; i < length; i++)
      elements.push($(arguments[i]));
    return elements;
  }
  if (Object.isString(element))
    element = document.getElementById(element);
  return Element.extend(element);
}

Select allOpen in new window

now u can call this to hide element:

C('#div').hide();

Select allOpen in new window

from: http://osric.com/chris/accidental-developer/2008/04/the-javascript-dollar-sign-function/

I'm getting an error that .extend(...) is not defined.

Object function Element() { [native code] } has no method 'extend'

@leakim971: That works, however, I want to do it in a more clean way which make it easier to read.

The following doesn't work:

function C(selector)
{
    this.selector = selector;
    return this;
}

// Easier to read but doesn't work
C.prototype.hide = function()
{
	document.getElementById(selector).style.display = "none";
}

Select allOpen in new window

OR

If I could do it using something similar to the following it would be better:

var C(selector) = 
{
      hide: function()
      {

      },

      show: function()
      {

      }
}

Select allOpen in new window

look very clean for me, sorry

Is it possible that I do something similar to the following?

C.prototype.hide = function()
{
	document.getElementById(selector).style.display = "none";
}

C.prototype.show = function()
{
	document.getElementById(selector).style.display = "block";
}

// etc...

Select allOpen in new window

I found out that I could create external function and do something like:
this.hide = functionName;

Which make the code more clean.