插件,通俗讲就是外挂。
是一种遵循一定规范的应用程序接口编写出来的程序。作用就是让程序,或者平台执行更多样化的任务。
而jQuery插件就是,基于jQuery的插件了。
通过使用jQuery插件,我们可以节省大量的开发时间来实现我们的目标。
下面就简单介绍一下插件,并向大家演示如何使用他人开发的插件。
 

插件入门

 
编写一个jQuery插件需要给jQuery.fn加入​​新的功能属性,此处添加的对象属性的名称就是你插件的名称:
比如插件名称叫myplugin:

jQuery.fn.myplugin = function(){
  //你自己的插件代码
}


那么为什么不用$而用jQuery呢?
为了避免和其他JavaScript库冲突,最好将jQuery传递给一个自我执行的封闭程序,jQuery在此程序中映射为$符号,这样可以避免$号被其他库覆写。在这个封闭程序中,我们可以无限制的使用$符号来表示jQuery函数。
如下:

(function ($) {
    $.fn.m​​yplugin = function () {
        //你自己的插件代码
    };
})(jQuery);

那么定义好了插件,怎么使用插件呢?
只要把插件指定到某个对象上就ok了。
如:

$(".header").myplugin();

这样,该插件所对应的效果就会实现在.header元素上。
 

实例1
(function($){
 $.fn.fadeelement = function () {
      this.fadeOut(2000,function(){console.log("fadeOut done ! >_<");});  
    }; 
})(jQuery);
// 上面定义了个插件,作用是使作用对象淡出,然后console输出fadeOut done ! >_<。

$(document).ready(function(e) {
    $(".main").fadeelement();
});
本篇文章相关标签: