JQuery包装器提供了大量的方法。能够再页面中直接使用。可是。没有

不论什么一个库能够满足全部的需求。所以。JQuery库提供了丰富的扩展功能

。以禁用一组表单元素为例。看看怎么简单有效的在JQuery库中加入自定

义的功能扩展。（JQuery没有禁用表单元素的方法哦）

上代码：

   1: <!DOCTYPE>

   2: <html lang="en">

   3: <head>

   4:     <title>Custom Method!</title>

   5:     <meta http-equiv="content-type" content="text/html;charset=utf-8">

   6:     <script type="text/javascript" src="js/jquery-2.1.1.js"></script>

   7:     <script type="text/javascript">

   8:         jQuery(function()

   9:             {

  10:                 $("form input").disable();

  11:             });

  12:     </script>

  13: </head>

  14: <body>

  15:     <p>測试自己定义方法禁用表单元素</p>

  16:     <form>

  17:         <input type="text" value="test"><br/>

  18:         <input type="button" value="confirm" class="test">

  19:     </form>

  20: </body>

  21: </html>

文本框和button已经被禁用：

若仅仅禁用button。加入一个css类就可以;

   1: jQuery(function()

   2:             {

   3:                 $("form input.test").disable();

   4:             });

看看是不是禁用了button：

实现也非常easy，打开jquery-2.1.1.js源代码，没有压缩的，比較easy，我引入

的是jquery-2.1.1.js。然后加入下列代码

   1: jQuery.fn.disable=function () {

   2:         return this.each(function()

   3:             {

   4:                 if(this.disabled != null) this.disabled=true;

   5:             });

   6:     }

在依照上述案例的方式调用就可以。

在《JQuery In Action》一书中，提到以$.fn.方法名方式扩展（P12），我

測试过，没有实现禁用。

错误之处。还望指正。

很多其它相关文章，去看看

jQuery中实现自己定义方法的扩展的更多相关文章

  1. js/jquery 回调函数的定义方法

    基本写法: 带参数的回调函数 以上回调函数,直接传入function作为参数,同样,还可以传入json对象作为参数...如下. 该方法的优势是可以定义多个回调函数....类似$.ajax回调函数中的s ...

  2. Javascript Jquery 中的数组定义与操作_子木玲_新浪博客

    body{ font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI& ...

  3. Jquery中find与each方法使用详解

    本文实例讲述了jQuery中find与each方法用法.分享给大家供大家参考.具体如下: 一.find()方法 jquery选择器非常强大,利用css的命名规约,可以更快更方便的找出想要的元素. 图解 ...

  4. 不能调用jquery中ready里面定义的函数？

    现象:不能调用jquery中ready里面定义的函数 源码:<script type="text/javascript"> $(document).ready(func ...

  5. jQuery中的事件绑定方法

    在jQuery中,事件绑定方法大致有四种:bind(),live(), delegate(),和on(). 那么在工作中应该如何选择呢?首先要了解四种方法的区别和各自的特点. 在了解这些之前,首先要知 ...

  6. JQuery中each()的使用方法说明

    JQuery中each()的使用方法说明 对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说:jQuery提供的eac ...

  7. jquery中,size()和length()方法有啥区别

    jquery中,size()和length()方法有啥区别? size()是jQuery提供的函数,而length是属性(不带括号). jQuery提供的源代码是这样的: size: function ...

  8. 深入理解jQuery中live与bind方法的区别

    本篇文章主要是对jQuery中live与bind方法的区别进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助 注意如果是通过jq添加的层和对象一定要用live(),用其他的都不起作用 ...

  9. jQuery中常用的函数方法

    jQuery中常用的函数方法总结 Ajax处理 load(url,[data],[callback]) url (String) : 待装入 HTML 网页网址. data (Map) : (可选) ...

随机推荐

  1. poj 2031--Building a Space Station（prim）

    Building a Space Station Time Limit: 1000MS   Memory Limit: 30000K Total Submissions: 6064   Accepte ...

  2. Spring版本功能变更&Spring4.x的新特性

    有朋友想知道Spring不同版本都有哪些功能变更,说直接在百度搜索找到的结果都不是想要的,其实还是关键词不对,找Spring不同版本的新特性就能获得更好的结果.其实在Spring工程github的wi ...

  3. Java IO-InputStream家族 -装饰者模式

    最近看到一篇文章,初步介绍java.io.InputStream,写的非常通俗易懂,在这里我完全粘贴下来. 来源于 https://mp.weixin.qq.com/s/hDJs6iG_YPww7ye ...

  4. BZOJ 2659 数学

    思路: 一开始以为是真·欧几里德 a,b来回消 (其实用不了那么麻烦) 我们发现 这是一个矩形 求一下整点数 完了.. 要特判 p=q的情况 //By SiriusRen #include <c ...

  5. javascript一个作用域案例分析

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. poj3083 Children of the Candy Corn 深搜+广搜

    这道题有深搜和广搜.深搜还有要求,靠左或靠右.下面以靠左为例,可以把简单分为上北,下南,左西,右东四个方向.向东就是横坐标i不变,纵坐标j加1(i与j其实就是下标).其他方向也可以这样确定.通过上一步 ...

  7. ML:自然语言处理NLP面试题

    自然语言处理的三个里程碑: http://blog.csdn.net/sddamoke/article/details/1419973 两个事实分别为: 一.短语结构语法不能有效地描写自然语言. 二. ...

  8. main函数解析

    原文链接:http://parisliu2008.blog.163.com/blog/static/95070867200951510412959/ main参数 2009-06-15 10:41:2 ...

  9. Linux的mysql搭建

    1.centos7默认安装mariadb数据库 #yum  remove mariadb* 2.wget mysql数据库地址  如果是普通用户,请提权  sudo提权 3.yum local ins ...

  10. python之openpyxl模块

    一 . Python操作EXCEL库的简介 1.1 Python官方库操作excel Python官方库一般使用xlrd库来读取Excel文件,使用xlwt库来生成Excel文件,使用xlutils库 ...