jQuery插件封装的绑定方法

jQuery插件封装的绑定方法

1.使用对象形式，给jQuery绑定了一个全局的方法。$.test()

jQuery.test = function () {
       console.log('测试')
    }
   $.test()

2.使用对象形式，给jQuery绑定一个 局部 (DOM) 的方法 $(‘form’).validate()

	// jQuery.fn 局部
  jQuery.fn.test = function () {
     console.log('局部的测试')
   }
   $().test()

3.使用jq中的$.extend() 扩展自己的函数 — 全局的方法 – 2个参数

$.extend() 的第一个参数是目标 对象，会将后面的对象或者方法合并到第一个中。

 $.extend($, {
        test: function () {
            console.log('$.extend() 扩展自己的函数')
         }
     })
     $.test()

4.使用jq中的$.extend() 扩展自己的函数 — 局部的方法 - DOM – 2个参数

 $.extend($.fn, {
      test: function () {
           console.log('$.extend() 扩展自己的函数')
       }
    })
   $().test()

$.extend(target,obj1,obj2...)如果只为$.extend()指定了一个参数，则意味着参数target被省略。
此时，target就是jQuery对象本身。通过这种方式，我们可以为全局对象jQuery添加新的函数。

5.使用jq中的$.extend() 扩展自己的函数 – 全局

  $.extend({
        test () {
           console.log('test')
        }
     })
    $.test()

$.fn.extend({}) 如果只有一个参数，会把该对象合并到 $.fn中

6.使用jq中的$.extend() 扩展自己的函数 – 局部

  $.fn.extend({
        test () {
            console.log('fn-test')
        }
    })

    $().test()

案例测试需引入jquery.js文件

常用方法

  全局
       $.extend({})
 局部
       $.fn.extend({})