2021.12.16--jQuery--12.jQuery插件

常用的jQuery插件

一、文本溢出：dotdotdot.js
二、延迟加载：lazyload.js
三、复制粘贴：zclip.js
四、表单验证：validate.js
五 自定义jQuery插件
jQuery插件可以分为以下3种。
（1）方法类插件
使用$.fn.extend()方法来定义一个方法类插件

$.fn.extend({
    "插件名": function(参数){
        ……
    }
});

（2）函数类插件
使用.extend()方法来定义一个函数类插件

(function($){
    $.extend({
        "插件名": function(){
            ……
        }
    });
})(jQuery)

函数类插件跟方法类插件在定义和调用上都是差不多的，不过函数类插件使用的是.extend()，而方法类插件使用的是.fn.extend()。此外，两者最大的不同在于：函数类插件是在全局对象下定义一个方法，而方法类插件是在所获取的jQuery对象下定义一个方法。
（3）选择器插件
自带选择器基本已经够完善了

关于插件的注意事项：
（1）插件的文件命名必须严格按照jquery.[插件名].js或jquery.[插件名].min.js的格式。
（2）在插件的最后必须使用return $(this)来返回当前jQuery对象，以便保持链式调用的功能。（3）无论是哪一种插件，定义的结尾都必须以分号结束，否则文件被压缩后，可能会出现错误。（4）方法类插件使用的是$.fn.extend()，而函数类插件使用的是$.extend()。我们常说的jQuery插件，指的都是方法类插件。（5）$.extend()是在jQuery全局对象上扩展一个方法，而$.fn.extend()是在选择器上扩展一个方法。因此定义工具函数应该用$.extend()，而定义jQuery插件应该用$.fn.extend()。