Advanced Search

Return to Snippet

Revision: 22476
at January 13, 2010 08:31 by 1man
Initial Code 
jQuery(function($){
	$(".boo").sample().fadeOut('slow');
});

/**
 * A Basic sample plugin
 */
(function($){
	$.fn.sample = function(){
		//Return this to continue chaining after the plugin (this refers to the jQuery object)
		console.log(this);//jQuery object
		console.log(this[0]);//First selected element
		return this.each(function(i){
			var $this = $(this);//$this now refers to the current element being iterated over.
			console.log(i);//Index of current element
			console.log($this.attr('id'));//Use jQuery methods to do what you like with elements
		});
	};
})(jQuery);
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    
Simple plugin to demonstrate how the 'this' keyword is used. Plugin also allows chaining via the 'return'

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
Simple jQuery plugin layout + how 'this' works

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    
plugin, jquery

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
jQuery