自定义jquery插件简单介绍

自定义jquery插件简单介绍:
尽管jQuery封装了丰富功能强大的函数和属性，但是在实际应用中还是不能够面面俱到的满足要求，所以需要自行定义满足各种要求的插件，下面就介绍一下如何实现此功能。
一.添加静态方法:
尽管在当前的javascript中并没有类的概念，但是其实就是那么个意思。所谓类级别的，就是为jQuery类添加类似于c#和java中的静态方法，类似于$.ajax()这样的方法，使用$.extend(object)即可实现此功能。
代码如下:

$.extend({
  addition:function(a,b){return a+b;}, 
  subtraction:function(a,b){return a-b;} 
});

 以上代码可以为jQuery类添加静态函数，调用方式:

$.addition(1,2);
$.subtraction(5,2);

 相关阅读:

1.extend()函数可以参阅$.extend()函数用法详解一章节。 
二.添加实例方法:
所谓的实例对象就是需要类的对象实例进行调用的方法，例如$("div").css("color","red")，此css()方法就是一个实例函数，使用$.fn.extend()方法即可实现此功能。
代码如下:

$.fn.extend({ 
  check:function(){ 
    return this.each(function(){ 
      this.checked=true; 
    }); 
  }, 
  uncheck:function(){ 
    return this.each(function(){ 
      this.checked=false; 
    }); 
  }
});

 以上代码添加了两个实例函数，能够全选或者取消全选匹配的复选框,调用方式:

$('input[type=checkbox]').check(); 
$('input[type=checkbox]').uncheck();

 相关阅读:

1.$.fn.extend()函数可以参阅jquery.fn.extend()与jquery.extend()函数的作用一章节。
2.checked属性可以参阅javascript的checkbox.checked属性一章节。 
3.each()函数可以参阅jQuery的each()方法一章节。 

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=11709

更多内容可以参阅:http://www.softwhy.com/jquery/