zoukankan      html  css  js  c++  java
  • jQuery中实现自己定义方法的扩展

      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已经被禁用:

    1

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

       1: jQuery(function()
    
       2:             {
    
       3:                 $("form input.test").disable();
    
       4:             });

    看看是不是禁用了button:

    2

    实现也非常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),我

    測试过,没有实现禁用。

    错误之处。还望指正。


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

  • 相关阅读:
    LCM与GCD算法
    LCS,LIS,LICS算法
    高精度算法(C/C++)
    SystemTap
    VMware15下解决Ubuntu18.04没有网络连接问题
    Git ssh-key 配置问题
    Ubuntu18.04更换国内源
    sql 错误日志存储路径设置
    资源
    System.Data.DataTable 基本方法
  • 原文地址:https://www.cnblogs.com/claireyuancy/p/6905827.html
Copyright © 2011-2022 走看看