jQuery编写插件

2021-03-07 21:26

阅读:533

标签:nbsp   span   get   ali   xtend   function   col   UNC   实例   

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()

 

jQuery编写插件

标签:nbsp   span   get   ali   xtend   function   col   UNC   实例   

原文地址:https://www.cnblogs.com/zxuedong/p/12882951.html


评论


亲,登录后才可以留言!