Jquery plug-in development

1.1 add static methods

1. Jquery. Extend (object );

CopyCode

To expand the jquery class itself and add new methods to the class, you can understand how to add static methods.

1. $. Extend ({
2. Addmethod: function (a, B) {return a + B;} // $. addmethod (1, 2); // return 3
3. });

Copy code

1.2 add member Method

1. Jquery. FN. Extend (object );

Copy code

1. Jquery. fn = jquery. Prototype

Copy code

Add a method to the jquery object, expand jquery. prototype, and add a member method to the jquery class:

1. $. FN. Extend ({
2. Getinputtext: function (){
3. $ (This). Click (function (){
4. Alert ($ (this). Val ());
5. });
6. }
7. });
9. $ ("# Username"). getinputtext ();

Copy code

2. A general framework:

The following is a general framework:

1. (Function ($ ){
2. $. FN. yourpluginname = function (options ){
3. // Various attributes and Parameters
5. VaR Options = $. Extend (defaults, options );
7. This. Each (function (){
8. // Implementation code of the plug-in
10. });
11. };
12. }) (Jquery );

Copy code

About

1. $. Extend (defaults, options );

Copy code

Ults is extended by merging defaults and options to implement the default Parameter Function of the plug-in. For details, refer to the official document of jquery:
Http://api.jquery.com/jQuery.extend/

Original article: http://www.itzhai.com/jquery-plug-ins-to-achieve-the-methods-and-principles-of-simple-instructions.html