Maison >interface Web >js tutoriel >编写自己的jQuery插件简单实现代码_jquery

编写自己的jQuery插件简单实现代码_jquery

WBOY
WBOYoriginal
2016-05-16 18:07:39947parcourir

这里只阐述如何编写自己的插件,至于要实现什么功能,要因人而异了...好了,下面开始...
jQuery插件主要分为三种
1、封装对象方法的插件
2、封装全局函数的插件
3、扩展选择器的插件
这里只编写前俩种,即比较常见的..
大多数插件都是已这种形式编写的:

复制代码 代码如下:

(function ($) {
/* 这里放置代码 */
})(jQuery);

这样的好处是函数内部依然可以使用$作为jQuery的别名,而不影响到其他库使用$
jQuery提供了俩个扩展用于编写插件
$.fn.extend({});用于扩展第一种
$.extend({});用于扩展第二种
以下为实现效果截图和代码
编写自己的jQuery插件简单实现代码_jquery
复制代码 代码如下:










  • 1

  • 2

  • 3

  • 4

  • 5




Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn