使用JQuery库提供的扩展功能实现自定义方法
2014-09-09 15:30
731 查看
JQuery包装器提供了大量的方法,可以再页面中直接使用。但是,没有任何一个库可以满足所有的需求,所以,JQuery库提供了丰富的扩展功能。以禁用一组表单元素为例,看看怎么简单有效的在JQuery库中添加自定义的功能扩展。(JQuery没有禁用表单元素的方法哦)
上代码:
<!DOCTYPE> <html lang="en"> <head> <title>Custom Method!</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script type="text/javascript" src="js/jquery-2.1.1.js"></script> <script type="text/javascript"> jQuery(function() { $("form input").disable(); }); </script> </head> <body> <p>测试自定义方法禁用表单元素</p> <form> <input type="text" value="test"><br/> <input type="button" value="confirm" class="test"> </form> </body> </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),我测试过,没有实现禁用。错误之处,还望指正。
您可能感兴趣的文章:
相关文章推荐
- 使用JQuery库提供的扩展功能实现自定义方法
- jQuery扩展+xml实现表单验证功能的方法
- jQuery Validate的使用发法和自定义验证方法的实现
- jQuery中实现自定义方法的扩展
- ASP.NET jQuery 随笔 使用jQuery UI的Autocomplete方法实现文本框的自动搜索填充功能
- 用原生javascript实现jQuery效果——自定义javascript扩展DOM函数及功能
- 使用简洁的jQuery方法实现隔行换色功能
- 使用代理模式扩展logback,实现自定义的日志记录功能
- jQuery中实现自定义方法的扩展
- 使用简洁的jQuery方法实现隔行换色功能
- ASP.NET jQuery 食谱25 (使用jQuery UI的Autocomplete方法实现文本框的自动搜索填充功能)
- 用LinQ扩展方法,泛型扩展方法,实现自定义验证字符是否空、对象是否为null,及泛型约束使用,Action的使用
- yii2高级应用之自定义组件实现全局使用图片上传功能的方法
- 地磅称量系统之(53)在封装对象的类库中实现包括IDataErrorInfo接口提供的所有方法和并且扩展对异常具有添加和删除功能的基本业务对象基类
- 使用jquery.validate自定义方法实现"手机号码或者固话至少填写一个"的逻辑验证
- jQuery基于扩展简单实现倒计时功能的方法
- jQuery插件FullCalendar日程表实现可扩展Google日历功能
- 【转】使用 jQuery(Ajax)/PHP/MySQL实现自动完成功能
- Zero Clipboard js+swf实现的复制功能使用方法
- 使用FlexBox和Json实现类似ComboBox(类似Google的输入提示和自动)功能-基于JQuery-ASP.NET