手把手教写Jquery封装插件

其它我们书写Jquery的时候，会发现其它很多方法大同小异，如果我们写几个不同的方法的时候你会发现其它这样做很浪费时间还有一比较严重的问题就是，这几个方法会出现相互干扰，所以我们希望能通过写封装插件来解决这些问题，下面独占网络就手把手教大家书写一个插件。
先我们就建立一个叫DuZhanBanner插件，下面就是插件的方法
(function ($) {
    $.fn.DuZhanBanner = function (options) {
    }
})(jQuery)
那我们需要向插件里面放入参数，那怎么办，那我们下面就书写一个参数的得到方法。
(function ($) {
    $.fn.DuZhanBanner = function (options) {
    var defaults = {
            //循环时间
            showtime: "8000",
            //id信息
            showclass: "showBanner",
            showspanindex: "",
     };
    }
})(jQuery)
这样我就可定义我们希望传入的参数信息了，那后就是我们操作信息了。

(function ($) {
    $.fn.DuZhanBanner = function (options) {
    var defaults = {
            //循环时间
            showtime: "8000",
            //id信息
            showclass: "showBanner",
            showspanindex: "",
     };
      var options = $.extend(defaults, options);
      $(options.showclass).hide();
    }
    
})(jQuery)
我们上面的方法就是传入的参数给隐藏起来，那么我们就写一下调用这个插件的方法吧，其它调用方法就比较简单。
$(".banner").DuZhanBanner({ showclass: ".banner", showspanindex: ".banner-span" });
通过上面的方法就可以调用我们书写的参数了。
如有不懂，联系独占网络(http://www.sz886.com)