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. 第20章 Redis配置

    20.1 Redis基础配置文件 20.2 Redis备份(持久化) save 900 1 save 300 10 save 60 10000 # By default Redis will stop ...

  2. [源码管理] Windows下搭建SVN服务器

    前文所述SVN客户端使用的时候,用的SVN服务器通常为外部,例如Google Code的服务器,不过,做为一个程序开发人员,就算自己一个人写程序,也应该有一个SVN版本控制系统,以便对开发代码进行有效 ...

  3. Ubuntu搭建docker环境

    一丶自己搭建Ubuntu的虚拟机(网上很多教程) PS:下带图形化界面的Ubuntu镜像,这里只说一下要装那些工具和做那些配置   安装vim         sudo apt-get install ...

  4. python学习-字符串 列表 元祖

    目录 Python翻转字符串(reverse string) 简单的步长为-1, 即字符串的翻转(常用) 递归反转 借用列表,使用reverse()方法 字符串常用操作 index split 切片 ...

  5. Hadoop MapReduce编程 API入门系列之MapReduce多种输出格式分析（十九）

    不多说,直接上代码. 假如这里有一份邮箱数据文件,我们期望统计邮箱出现次数并按照邮箱的类别,将这些邮箱分别输出到不同文件路径下. 代码版本1 package zhouls.bigdata.myMapR ...

  6. centos6.6--------正向DNS配置

    一.正向区: 将域名解析为IP====================================================================================注 ...

  7. Gitlab 维护措施

    Gitlab 升级: https://jingyan.baidu.com/article/72ee561ab1b333e16038df63.html Gitlab Rpm包地址: https://pa ...

  8. 从Android源码分析View绘制

    在开发过程中,我们常常会来自定义View.它是用户交互组件的基本组成部分,负责展示图像和处理事件,通常被当做自定义组件的基类继承.那么今天就通过源码来仔细分析一下View是如何被创建以及在绘制过程中发 ...

  9. TensorFlow-LSTM序列预测

    问题情境:已知某一天内到目前为止股票各个时刻的价格,预测接下来短时间内的价格变化. import tushare as ts import time from collections import n ...

  10. 完美解决ios10及以上Safari无法禁止缩放的问题

    移动端web缩放有两种: 1.双击缩放: 2.双指手势缩放. 在iOS 10以前,iOS和Android都可以通过一行meta标签来禁止页面缩放 <meta content="widt ...