To extend jQuery function for gloable usage

1. The following function is to define the static function in JQuery

 

//1. Define gloable function jQuery.foo = function () { alert('This is a test. This is only a test.'); }; // 2. Call gloable function (two ways) jQuery.foo(); $.foo(); // You can also use extand to do the same definition jQuery.extend({ MyNewFoo: function () { alert('This is a test. This is only a test MyNewFoo.'); } }); // Call $.MyNewFoo(); // In order not to be destroied by the same name of the function, you can use a namespace to define the function as follows, jQuery.myPlugin = { fooA: function () { alert('This is a test. This is only a test. fooA'); } }; // Call $.myPlugin.fooA();

 

2. jQuery.fn.extend and jQuery.extend

 

// jQuery.fn.extend 扩展的是jQuery对象的实例方法 jQuery.fn.extend({ color: function (val) { alert("test object extend:" + $(this).get(0).Name); } }) //调用必须是使用jQuery对象去调用，比如 $('#a').color(''); // jQuery.extend 扩展的是jQuery的静态方法 jQuery.extend({ FooA: function () { alert('FooA'); } }) // 可以直接进行调用 $.FooA();