用jquery写插件（Write a plug-in with jquery）.doc

用jquery写插件（Write a plug-in with jquery） 1, plug-in class level 1.1 add a new global function (jQuery.foo = function) { Alert (This is a test.Just do you test01); } 1.2 increase the number of global functions (jQuery.foo = function) { Alert (This is a test. This is only a test.); }; JQuery.bar = function (param) { Alert (This function takes a parameter, which is + param + .); }; JQuery.alertParm (param) { Alert (This function takes a parameter, which is +param+); } The call and a function of the same: (jQuery.foo); jQuery.bar ($.foo); or ($.bar); (bar); 1.3 using jQuery.extend (object); JQuery.extent ({ {(foo:function) Alert (This is a test----use jQuery.extend (Object) ); } Bar:function (param) { Alert (This function takes a parameter, which is +param+); } }); 1.4 use namespace Although in the jQuery namespace, we prohibit the use of a large number of javaScript function and variable names. But still can not avoid Free some function or variable name in other conflicts jQuery plug-in, so we used some methods package to another custom namespace. JQuery.myPlugin = { {(foo:function) Alert (This is a test function ); } Bar:function (param) { Alert (This funciotn takes a param, which is +param+); } }; The namespace function is still the global functions, the method call is used: ($.myPlugin.foo); $.myPlugin.bar (param); 2, the object level plug-in development The plug-in development object level need two forms as follows: Form 1: (function ($) { $.fn.extend ({ PluginName:function (OPT, callback) { //our plugin implemention code goes here } }) }) (jQuery) Form 2: (function ($) { ($.fn.pluginName = function) { //our plugin implemention code goes here }; }); 2.1 in the JQuery namespace to declare a name ($.fn.hilight = function) { Plugin implementation code goes here. / / Our }; Our plugin is invoked by this: $(#myDiv).Hilight (); The 2.2 options parameters to control the behavior of the plug-in Lets add function specifies the foreground and background colors for our plugin.