Many of you may not know of a feature that’s baked into MooTools’ Class internals: Class.toElement. Class.toElement allows you to pass the $ (or document.id) method an instance of your class and the instance will be treated as an element.

The MooTools Class.toElement Usage

/* baking into the class */
var myClass = new Class({
	initialize: function(container,options) {
		this.container = $(container);
	}
	// .. lots more methods //
	toElement: function() {
		return this.container;
	}
});

/* usage */
var mc = new MyClass('wrapper');
$(mc).fade('out'); //fades the container out

This isn’t a groundbreaking piece of code but it’s just another example of the flexibility that MooTools affords its developers. Happy coding!

Don’t forget to follow me on Twitter and be sure to visit Script & Style for the best Javascript and CSS articles around!

Sponsor the David Walsh Blog and get your brand in front of several thousand users per day!

MooTools Tip: Class.toElement

Related posts:

1. NSFW Blocker Using MooTools and CSS
2. Create a Simple Slideshow Using MooTools, Part III: Creating a Class
3. Create a Simple Slideshow Using MooTools
4. MooTools Class Creation Tips
5. Using Opacity to Show Focus with MooTools

Go to Source