Return to Snippet

Revision: 22476
at January 13, 2010 08:31 by 1man

Initial Code

 * A Basic sample plugin
	$.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

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