jQuery编写插件

Posted 2020-12-20 zxuedong

jQuery编写插件

 

1.编写jQuery插件有俩种方法，第一种使用 $.fn.extend(Object)， 第二种使用$.extend(Object)，他们的区别，第一种需要jQuery对象来调用的，第二种是通过jQuery实例调用的

// 第一种编写插件的方法

// 放在自调用函数中，防止全局污染

;(function ($) {

    $.fn.extend({

        getName (value) {

            return this.css(‘color‘, value)
        }
    })
    
})(jQuery)


// 使用jQuery插件

// 通过获取DOM对象之后转成jQuery对象，调用插件方法

$(‘span‘).getName(‘red‘)


// 第二种使用插件的方法

(function ($) {

   $.extend({

      getPass () {

         alert(‘获取密码‘)
      }
   })

})(jQuery)


// 使用jQuery插件

// 之前通过实例调用

$.getPass()