很多情况下,用户需要对jQuery插件进行二次开发,那么我们来看看JQ原开发者为我们提供的两种扩展插件的方式如下:

1.类别类：
相当于为jquery扩展一个类,比如现在我要扩展一个简单的想加的功能函数sum,如下:
之后我们可以直接用:

 $.extend({

     sum:function(){

         var num=0;

         for(var i=0;i<arguments.length;i++){

             num+=arguments[i];

         }

         return num;

     }

 })

 console.log($.sum(12,3))

2.对象级别：
相当于扩展一个对象,即为jQuery.fn.extend(object):增加两个插件方法：如下

 jQuery.fn.extend({

   check: function() {

     return this.each(function() { this.checked = true; });

   },

   uncheck: function() {

     return this.each(function() { this.checked = false; });

   }

 });

 $("input[type=checkbox]").check();

 $("input[type=radio]").uncheck();

自己想要批量移除一个元素身上的属性，百度了一下没有找到，就自己用jq提供的拓展方法写了一个，具体代码如下：

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>批量移除元素身上的属性</title>

 </head>

 <body>

     <div id="box" flag="true" status="ok" bac="11"></div>

 </body>

 <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>

 <script>

 jQuery.fn.extend({

     batchRemove:function(arr){

         for(var i=0;i<arr.length; i++){

             $(this).removeAttr(arr[i]);

         }

     }

 })

 $('#box').batchRemove(['flag','bac'])

 </script>

 </html>

随机推荐

  1. 01c++学习

    #include"iostream" using namespace std; void main01() { //printf("hello_world\n" ...

  2. 20165308 2017-2018-2 《Java程序设计》第2周学习总结

    20165308 2017-2018-2 <Java程序设计>第2周学习总结 教材学习内容总结 标识符与关键字 基本数据类型 输入输出数据 循环语句 break continue语句 if ...

  3. [转]logback常用配置简介

    logback是一套日志框架,由log4j的优化版,由同一个作者开发,在速度和性能上都超过其他日志框架,再结合slf4j,已成为当前最流行的日志框架. Logback最常用就是在classpath定义 ...

  4. [转]Java GC的原理

    Java GC(garbage collection,垃圾收集,回收) GC是对JVM中的内存进行标记和回收,Sun公司的JDK用的虚拟机都是HotSpot 对象化的实例是放在heap堆内存中的,这里 ...

  5. css 兼容性问题，整理

    css 兼容性问题,整理: css 兼容性问题 说明 <input type="number"> 在chrome下,是不能输入非数字的字符的:但是在火狐63.0.3(2 ...

  6. base64 base64urlsafe

    1. base64 不算是加密算法,只能说是一种转码.使用64 个可见的字符来代替 ASCII码 中的256 个字符. 2. ASCII码占用一个字节,可以有0-255共256个取值.前128个为常用 ...

  7. matlab：Source Control Integration

    http://cn.mathworks.com/help/matlab/source-control.html

  8. JMeter - Perfmon - ServerAgent

    −Table of Contents 1 - Installation 2 - Usage and commands 2.1 - PerfMon Metrics Collector Listener ...

  9. Ribbon 使用入门

    Ribbon 是 Netflix 下的负载均衡项目,在集群中为各个客户端的通信提供支持,主要实现中间层应用程序的负载均衡,提供以下特性: 负载均衡器,可支持插拔式的负载均衡规则 对多种协议提供支持,例 ...

  10. Spring Cloud 快速教程

    官方:http://projects.spring.io/spring-cloud/ 中文:https://springcloud.cc/ https://blog.csdn.net/forezp/a ...