[转载]简单实现编写自己的jQuery插件

[转载]简单实现编写自己的jQuery插件 - 浅水鱼 - 博客园.

用了这长时间的jQuery,一直也没怎么写过jQuery插件,今天简单实现俩个插件,已巩固下基础知识。

这里只阐述如何编写自己的插件,至于要实现什么功能,要因人而异了...好了,下面开始...

jQuery插件主要分为三种

1、封装对象方法的插件

2、封装全局函数的插件

3、扩展选择器的插件

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

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

(function ($) {

/*  这里放置代码 */

})(jQuery);

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

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

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

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

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

[html]

  • 1
  • 2
  • 3
  • 4
  • 5

[/html]