使用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），我测试过，没有实现禁用。错误之处，还望指正。
相关文章
正如标题所言的实现原理是使div的position为绝对定位absolute，然后控制其top与left值,需要的朋友可以参考下2014-04-04
这篇文章主要介绍了jquery获得当前html页面源码的方法,涉及jquery针对页面元素的相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
这篇文章主要为大家详细介绍了jQuery实现表单验证功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
这篇文章主要介绍了Jquery让form表单异步提交代码实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-11-11
这个函数的原理是检查提供的第一个元素（它是由所提供的HTML标记代码动态生成的），并在它的代码结构中找到最上层的祖先元素－－这个祖先元素就是包裹元素。2011-02-02
本篇文章主要是对JQUERY中dialog的用法进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
基于jQuery实现交互体验社会化分享代码附源码下载。这是一款鼠标点击分享按钮向右滑出腾讯微博，新浪微博，QQ空间，豆瓣，微信，二维码分享等分享平台，本段代码比较实用，需要的朋友参考下吧2016-01-01
添加节点的方法有很多，在本文将为大家介绍下jquery中添加节点几种方法，感兴趣的朋友可以参考下2013-09-09
这篇文章主要介绍了jQuery中prepend()方法用法,以实例形式较为详细的分析了prepend()方法的功能、定义及使用技巧,并对比分析了与text()方法的不同之处,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了jquery分析文本里url或邮件地址为真实链接的方法,涉及jQuery正则匹配与替换的相关技巧,需要的朋友可以参考下2015-06-06
最新评论