扩展jQuer自身之全局函数.docVIP

1、扩展jQuery自身之全局函数 jQuery.logError={/*log error*/} jQuery.logWarning ={/*log warning */} jQuery.logDebug ={/*log debug */} 使用：jQuery.logError(); 上面三个可以写成 jQuery.log= { Error:function(){/*log error*/}, Warning: function(){/*log warning */}, Debug: function(){/*log debug*/} } 使用：jQuery.log.Error(); jQuery.foobar={ /*do foobar*/} 使用：jQuery.foobar(); 以上的方法等同于使用 jQuery. extend () jQuery. extend = { log: { Error:function(){/*log error*/}, Warning: function(){/*log warning */}, Debug: function(){/*log debug*/} } foobar:function(){/*do foobar*/} } 使用： jQuery.log(); jQuery.foobar(); 2、添加实例方法，扩展jQuery.fn jQuery.fn=jQuery.prototype 如：jQuery.fn.showMessage=function(){ alert(“message!!”)} 使用：$(“#div1”).showMessage(); this是对当前jQuery对象的引用 使用each迭代当前对象 插件方法必须返回一个jQuery对象 Plug me:制作自己的插件 写一个自己的jQuery插件是非常容易的,如果你按照下面的原则来做,可以让其他人也容易地结合使用你的插件. 为你的插件取一个名字,在这个例子里面我们叫它foobar. 创建一个像这样的文件:jquery.[yourpluginname].js,比如我们创建一个jquery.foobar.js 创建一个或更多的插件方法,使用继承jQuery对象的方式,如: jQuery.fn.foobar = function() { // do something}; 可选的:创建一个用于帮助说明的函数,如: jQuery.fooBar = { height: 5, calculateBar = function() { ... }, checkDependencies = function() { ... }}; 你现在可以在你的插件中使用这些帮助函数了: jQuery.fn.foobar = function() { // do something jQuery.foobar.checkDependencies(value); // do something else}; 可选的l:创建一个默认的初始参数配置,这些配置也可以由用户自行设定,如: jQuery.fn.foobar = function(options) { var settings = { value: 5, name: pete, bar: 655 }; if(options) { jQuery.extend(settings, options); }}; 现在可以无需做任何配置地使用插件了,默认的参数在此时生效: $(...).foobar(); 或者加入这些参数定义: $(...).foobar({ value: 123, bar: 9}); 如果你release你的插件, 你还应该提供一些例子和文档,大部分的插件都具备这些良好的参考文档. 现在你应该有了写一个插件的基础,让我们试着用这些知识写一个自己的插件. 很多人试着控制所有的radio或者checkbox是否被选中,比如: $(input[@type=checkbox]).each(function() { this.checked = true; // or, to uncheck this.checked = false; // or, to toggle this.checked = !this.checked;}); 无论何时候，当你的代码出现each时，你应该重写上面的代码来构造一个插件,很直接地: $.fn.check = function() { return this.each(function() { this.checked = true; });}; 这个插件现