使用JQuery库提供的扩展功能实现自定义方法
更新时间：2014年09月09日 15:30:43 投稿：whsnow
如何没有任何一个库可以满足所有的需求，可以使用JQuery库提供的扩展功能，下面有个示例，大家可以看看
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通过索引值操作html元素的代码,需要的朋友可以参考下2023-05-05
这篇文章主要为大家详细介绍了jquery实现简单自动轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-07-07
本文给大家汇总介绍了几个常用的jquery实现简易的移动端验证表单，非常的实用，有需要的小伙伴可以进来参考下。2015-11-11
JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】
这篇文章主要介绍了JavaScript实现的弹出遮罩层特效,结合实例形式分析了基于jQuery实现的页面元素与属性动态操作相关使用技巧,需要的朋友可以参考下2019-07-07
filter() 方法返回符合一定条件的元素。该方法让您规定一个条件。不符合条件的元素将从选择中移除，符合条件的元素将被返回。这篇文章主要介绍了 jquery的 filter()方法使用,需要的朋友可以参考下2018-03-03
jquery选取同级其他元素可以使用slibings方法，end方法可以清除之前的链式操作，相当于重新开始2013-11-11
这篇文章主要介绍了jQuery validate插件功能与用法,结合实例形式详细分析了jQuery validate插件的功能、参数、使用方法与相关注意事项,需要的朋友可以参考下2016-12-12
这篇文章主要介绍了利用jQuery异步上传文件的插件用法详解,需要的朋友可以参考下2017-07-07
bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。这篇文章主要介绍了jQuery中的 bind用法,需要的朋友可以参考下2017-02-02
本文给大家分享的是使用javascript实现的七夕情人节丘比特射箭小游戏的代码，并附上源码下载，谁说程序猿就不懂得浪漫呢，小伙伴们感觉拿去献宝吧（当然了，首先你得有女票才行^_^）2015-08-08
最新评论