深圳网站建设、深圳建网站、网站建设公司定制属于您的高端个性化网站!

搜索深圳网站建设相关案例及相关信息 服务热线:13530005572/15112579390
首页 > 网站建设知识 > 手把手教写Jquery封装插件

手把手教写Jquery封装插件

  • 所属分类:网站建设知识
  • 作者: 独占网络
  • 更新时间: 2015-2-23 9:31:11
  • 返回列表
其它我们书写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)

相关推荐

独占网络

专业开发/高端制作

您值得信任的网站建设专家!

为其提供系统的基于互联网的品牌行销策略 、 创意执行 、 追踪运营服务 。