本文共 843 字，大约阅读时间需要 2 分钟。

任何一个库可以满足所有的需求，所以，JQuery库提供了丰富的扩展功能

。以禁用一组表单元素为例，看看怎么简单有效的在JQuery库中添加自定

义的功能扩展。（JQuery没有禁用表单元素的方法哦）

上代码：

1:    2:    3:    4:        5:     
      6:        7:       13:   14:   15:     
测试自定义方法禁用表单元素
  16:     
   
      17:         
    
    
  18:         
      19:     
   
  20:   21: 

文本框和按钮已经被禁用：

若只禁用按钮，添加一个css类即可;

1: jQuery(function()   2:             {   3:                 $("form input.test").disable();   4:             });

看看是不是禁用了按钮：

实现也很简单，打开jquery-2.1.1.js源码，没有压缩的，比较容易，我引入

的是jquery-2.1.1.js，然后添加下列代码

1: jQuery.fn.disable=function () {   2:         return this.each(function()   3:             {   4:                 if(this.disabled != null) this.disabled=true;   5:             });   6:     }

在按照上述案例的方式调用即可。

在《JQuery In Action》一书中，提到以$.fn.方法名方式扩展（P12），我

测试过，没有实现禁用。错误之处，还望指正。

更多相关文章，

转载地址：http://grvgi.baihongyu.com/