您现在的位置： 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文
使用JQuery库提供的扩展功能实现自定义方法
作者：佚名 责任编辑：admin 更新时间：2022-06-22
JQuery包装器提供了大量的方法，可以再页面中直接使用。但是，没有任何一个库可以满足所有的需求，所以，JQuery库提供了丰富的扩展功能。以禁用一组表单元素为例，看看怎么简单有效的在JQuery库中添加自定义的功能扩展。（JQuery没有禁用表单元素的方法哦）
上代码：
01 <!DOCTYPE> 02 03 <html lang="en"> 04 05 <head> 06 07 <title>Custom Method!</title> 08 09 <meta http-equiv="content-type" content="text/html;charset=utf-8"> 10 11 <script type="text/javascript" src="js/jquery-2.1.1.js"></script> 12 13 <script type="text/javascript"> 14 15 jQuery(function() 16 17 { 18 19 $("form input").disable(); 20 21 }); 22 23 </script> 24 25 </head> 26 27 <body> 28 29 <p>测试自定义方法禁用表单元素</p> 30 31 <form> 32 33 <input type="text" value="test"><br/> 34 35 <input type="button" value="confirm" class="test"> 36 37 </form> 38 39 </body> 40 41 </html>文本框和按钮已经被禁用：
若只禁用按钮，添加一个css类即可;
1 jQuery(function() 2 { 3 $("form input.test").disable(); 4 });看看是不是禁用了按钮：
实现也很简单，打开jquery-2.1.1.js源码，没有压缩的，比较容易，我引入的是jquery-2.1.1.js，然后添加下列代码
01 jQuery.fn.disable=function () { 02 03 return this.each(function() 04 05 { 06 07 if(this.disabled != null) this.disabled=true; 08 09 }); 10 11 }在按照上述案例的方式调用即可。
- 上一个程序编程： 用JS判断访问终端
- 下一个程序编程： 三种取消选中单选框radio的方法
