• 首 页
• 栏 目
• 本站服务
• 关于我们
• 源码获取方式

 //jQuery插件写法
 //jQuery基本的通用的框架。根据构架结构套
 //调用方式1
(function($){

    $.fn.插件函数名称 = function(options){

        //插件对应的参数, 不写默认 为初始值
  var defaults = {
   I:"id",
   V:"vaule"
  }
        }

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

        this.each(function(){
//----------------------------------------------------------
//插件实现代码 开始
//----------------------------------------------------------
 var thisTable = $(this);
 //  $(this)为 调用插件时赋值的对象
 //例如 : $("#tabl1").插件函数名称();
 //$(this) 此处就为 $("#tabl1")对象
  $(thisTable).find("tr td").css("cursor","pointer");
  //find  找到插件下面的属性  此处 调用表格 td 鼠标指针为 手状态!
 
 
  
  $(thisTable).find("tr td").bind("click", function () {
//绑定 事件,  调用插件后, 调用对象就会自动绑定click 事件 点击后 就会响应插件 此处代码
alert(options.I);
   } ); 

 //----------------------------------------------------------
//插件实现代码 结束
//----------------------------------------------------------

        });

    };

})(jQuery); 

//$("#table1").插件函数名称(); 调用 时 默认值  I V都是初始值

//不是默认值 格式, 赋值如下
//$("#table1").插件函数名称({{
//   I:"id新值",
//   V:"vaule新增"
//  }});

jQuery.函数名称 = function (name, value, options) {
//对应功能111111
};
//引用插件后, 直接 $.函数名称(); 就可以响应 对应功能111111 处的代码

点击联系客服