使用JQuery库提供的扩展函数实现自定义方法

JQuery包装器提供了大量可以直接在页面中使用的方法。但是没有一个库能够满足所有的需求，所以JQuery库提供了丰富的扩展功能。以禁用一组表单元素为例，看看如何简单有效地向JQuery库中添加用户定义的函数扩展。(JQuery没有办法禁用表单元素。)

代码开启：

！DOCTYPE html lang=' en ' head title自定义方法！/title meta http-equiv=' content-type ' content=' text/html；charset=utf-8 '脚本类型=' text/JavaScript ' src=' http : js/jQuery-2 . 1 . 1 . js '/脚本脚本类型=' text/JavaScript ' jQuery(function(){ $(' form input ')。disable()；});/script/headbody ptest禁用表单元素的自定义方法/p forminputtype=' text '值=' test' br/inputtype=' button '值=' confirm ' class=' test '/表单/正文/html文本框和按钮已被禁用：

如果只禁用按钮，则添加一个css类；

jQuery(function(){ $(' form input . test '))。disable()；});查看按钮是否被禁用：

实现也很简单，打开jquery-2.1.1.js源代码，没有压缩，就比较容易了，我介绍一下

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

jquery . fn . disable=function(){ return this . each(function(){ if(this . disabled！=null)this . disabled=true；});}就用上面案例的方式来称呼吧。

《JQuery In Action》这本书里提到了用$.fn .方法名的方式来扩展(P12)。我已经测试过了，但是还没有禁用。我仍然希望改正我的错误。