$.extend与$.fn.extend()

Posted 2020-10-30 小飞博客

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

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

 1 $.extend({
 2     sum:function(){
 3         var num=0;
 4         for(var i=0;i<arguments.length;i++){
 5             num+=arguments[i];
 6         }
 7         return num;
 8     }
 9 })
10 console.log($.sum(12,3))

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

 1 jQuery.fn.extend({
 2   check: function() {
 3     return this.each(function() { this.checked = true; });
 4   },
 5   uncheck: function() {
 6     return this.each(function() { this.checked = false; });
 7   }
 8 });
 9 
10 $("input[type=checkbox]").check();
11 $("input[type=radio]").uncheck();