jquery 高级进阶1-插件开发_jquery click和 click.fxb区别-优快云博客

本文介绍了jQuery插件开发的两种方式。一是类级插件开发，包括直接给jQuery添加全局函数、用extend()方法和使用命名空间；二是对象级插件开发，通过定义$.fn.plugin函数，合并默认参数和用户选项，并对每个匹配元素实现功能代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

插件开发两种方式

1：类级插件开发

/*
   * jquery 类级插件开发
   * 1:直接给jquery添加全局函数
   * 2:用extend()方法
   * 3:使用命名空间
   * **/
   //直接给jquery添加全局函数
   jQuery.myAlert=function(objText){
       alert(objText);
   };
   //引用
   $.myAlert("直接给jquery添加全局函数");
   //用extend()方法
   jQuery.extend({
       myAlert:function(objText){
           alert(objText);
       },
       myAlert2:function(objText){
           alert(objText);
       }
   });
   //引用
   $.myAlert("直接给jquery添加全局函数");

   //使用命名空间
   jQuery.zxit={
       myAlert:function(objText){
           alert(objText);
       },
   };
   //引用
   $.zxit.myAlert("直接给jquery添加全局函数");

2：对象级插件开发

;(function(){
       $.fn.plugin = function(options){
           var defaults = {
               //各种参数，各种属性
           }

           var options = $.extend(defaults.options);

           this.each(function(){
               //实现功能代码

           });
           return this;
       }
   })(jQuery);