How to develop jQuery plugin?
user-pcr
A plugin is a piece of code written in a standard JavaScript file. These files provide useful jQuery methods that can be used in conjunction with jQuery library methods.
There are many jQuery plugins that you can download from the repository link at https://jquery.com/plugins .
How to use plugins
To make the plugin methods available to us, we include a plugin file, much like a jQuery library file, in the <head> of the document.
How to develop a plugin
It's very easy to write your own plugin. Following is the syntax for creating a method −
jQuery.fn.methodName = methodDefinition;
Where methodNameM is the name of the new method and methodDefinition is the actual definition of the method.
The guideline recommended by the jQuery team is as follows:
-
Any methods or functions you attach must have a semicolon (;) at the end.
-
Your method should return a jQuery object unless explicitly stated otherwise.
-
You should use this.each to iterate over the current set of matching elements - this way you get clean and consistent code.
-
Prefix the filename with jquery, then with the plugin name, and finally with .js.
-
Always include the plugin with jQuery directly and not with $ so that users can use their own alias with the noConflict() method.
Any methods or functions you attach must have a semicolon (;) at the end.
Your method should return a jQuery object unless explicitly stated otherwise.
You should use this.each to iterate over the current set of matching elements - this way you get clean and consistent code.
Prefix the filename with jquery, then with the plugin name, and finally with .js.
Always include the plugin with jQuery directly and not with $ so that users can use their own alias with the noConflict() method.
For example, if we write a plugin that we want to call debug , our JavaScript filename for that plugin is −
jquery.debug.js
Using jquery. The prefix eliminates any possible name conflicts with files intended for use with other libraries.
