<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="js/jquery-1.11.2.js"></script> </head> <body> <script type="text/javascript"> (function($){ //$.qq是一个全局的函数 $.qq = function(options){ var opt = $.extend({},$.fn.defaults,methods,options); opt.show("gg"); }; //注意一定是;分号,不能是逗号 //这种是JS的方式。它等同于,如果用jquery的方式,则是这样 $.fn.methods //它 var methods = $.fn.method var methods = { mess:"good good study ", show:function(mess){ $("body").append("<div >"+mess+"</div>"); }, }; //使用$.fn的可以直接调用,也可以用 var defaults = {//省略下面的代码...} $.fn.defaults = { border:"1px solid red", width:150, height:150, message:"goood", callback:function(ok){ alert(ok); //$(body).append(); } }; //直接在Jquery类里面添加方法,类似于ajax,和$.qq一样 $.loading = function(){ alert("eee"); }; $.fn.ye = function(){ alert("我是一个全局的函数哦yee"); } //使用$.fn方式的全局函数 $.fn.ye.method = function(){ alert("qqq"); } /* var method = function(option){ var options = $.extend({},defaults,option); } */ })(jQuery); </script> <script type="text/javascript"> //全局的函数。在jquery里面直接添加类的方法 $.foo = function(){ alert("goo"); } $.fn.foo = function(){ alert("我是一个全局的函数哦foo"); } </script> <script type="text/javascript"> $(function(){ //$.qq(); //$.fn.defaults.callback(true); //$.loading(); //$.fn.ye(); //调用第二个script块的插件 //$.foo({}); $.fn.foo(); }) </script> </body> </html>