jQuery技术

jQuery插件:编写技巧之两例

字号+ 作者:H5之家 来源:H5之家 2015-10-30 18:20 我要评论( )

用了这长时间的jQuery,一直也没怎么写过jQuery插件,今天简单实现俩个插件,已巩固下基础知识。这里只阐述如何编写自己的插件,至于要实现什么功能,要因人而异

    【IT168 技术】用了这长时间的jQuery,一直也没怎么写过jQuery插件,今天简单实现俩个插件,已巩固下基础知识。这里只阐述如何编写自己的插件,至于要实现什么功能,要因人而异了...好了,下面开始:

  jQuery插件主要分为三种:

  1、封装对象方法的插件

  2、封装全局函数的插件

  3、扩展选择器的插件

  这里只编写前俩种,即比较常见的..

  大多数插件都是以这种形式编写的:

  (function ($) {

  /* 这里放置代码 */

  })(jQuery);

  这样的好处是函数内部依然可以使用$作为jQuery的别名,而不影响到其他库使用$

  jQuery提供了俩个扩展用于编写插件

  $.fn.extend({});用于扩展第一种

  $.extend({});用于扩展第二种

  以下为实现效果截图和代码

  

   

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
r