码迷,mamicode.com
首页 > Web开发 > 详细

jQuery编写插件

时间:2020-05-13 16:38:36      阅读:126      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!