Jquery插件是对Jquery功能的扩展。

插件种类

  • 原型插件

    插件的方法注册到jQuery原型上：$.fn //$("xx")调用

  • 静态插件

    插件的方法注册到jQuery类上：$.extend({}) //$调用

  • 选择器插件

插件命名

  • 插件文件

    jquery.插件名.js

  • 插件方法

    插件名

插件冲突

  • 让渡$

    jQuery.noConflict();

  • 让渡jQuery

    jQuery.noConflict(true);

插件闭包

1
2
3
4
5
6
7
(function(){
    function 插件名(){
		......
    }
    jQuery.prototype.插件名=插件名；           

})();

插件机制

$===jQuery

jQuery.prototype== $.prototype===jQuery.fn===$.fn

插件格式

1
2
3
4
5
6
7
8
9
10
11
12
;(function($){//分号是为了防止连接的上段js没有结束报错
      var _that;
      $.fn.插件名=function(config){//JSON参数
        _that = this;//将对象保存起来是为了防止被改变
        var def = {//参数赋默认值
          
        }
        var setting = $.extend({},def,config);//参数赋默认值
        
      }
      return _that;//返回对象，是为了链式调用
  })(jQuery);//传入jQuery作为参数，是为了$被让渡之后，插件无法使用

最后更新： 2018年09月02日 00:19

原始链接： https://www.github.com/ChangHub/BlogImages/raw/master/2018/08/29/Jquery插件/

赏
× 请我吃糖~
打赏二维码