关于jQuery中自定义函数的操作

jQuery.extend(object);$.extend(object); //是对jquery类的扩展jQuery.fn.extend(object);$.fn.extend(object); //是对jQuery对象的扩展

jQuery.fn是指jquery的命名空间，加上fn上的方法及属性，会对jquery实例每一个有效。

jQuery.fn = jQuery.prototype = {

　　　init: function( selector, context ) {//....　

　　　//......

};

jQuery.fn.extend(object); 对jQuery.prototype进得扩展，就是为jQuery类添加“成员函数”。jQuery类的实例可以使用这个“成员函数”。

第一种方式： 是对JQuery对象的扩展< 调用方式：$(this).ycDialog(opts) >jQuery.fn.extend({'ycDialog':function(opts){this._flag=false;//用于判断是否触发了确定按钮             var $dialog = $("<div class='yc_dialog'>"+"      <div class='yc_title'>"+"           <h3 class='yc_h3'>"+opts.title+"</h3>"+"          <a href='#' class='yc_close'>X</a>"+"      </div>"+"      <div class='yc_content'>"+"         <div class='yc_message'>"+"             <span class='yc_icon'></span>"+"              <span class='yc_con'>"+opts.content+"</span>"+"               <div class='yc_clear'></div>"+"           </div>"+"          <div class='yc_btn'>"+"             <input type='button' value='确定' class='yc_ok'/>"+"            </div>"+"      </div>"+"  </div>");  $("body").append($dialog).append("<div class='yc_yy'></div>");if(opts.dialogWidth){dealDialogWidth(opts.dialogWidth);   }else{dealDialogWidth(300);}if(opts.dialogHeight){dealDialogHeight(opts.dialogHeight);}else{dealDialogHeight(160);}if(opts.icon){$(".yc_message .yc_icon").addClass("yc_"+opts.icon);if(opts.icon=="confirm"){$(".yc_dialog .yc_close").show();$(".yc_btn").append("<input type='button' value='取消' class='yc_no'/>");}}else{$(".yc_dialog .yc_close").hide();$(".yc_message .yc_icon").addClass("yc_success");}if(opts._CONFIRM)$dialog._CONFIRM=opts._CONFIRM;if(opts._URL)$dialog._URL =opts._URL;if(opts._ARRAY)$dialog._ARRAY = opts._ARRAY;yc_center($dialog);yc_initEvent($dialog);}});

第二种方式： 是对JQuery类的扩展< 调用方式：$.ycDialog(opts) >

jQuery.extend({ycDialog:function(opts){this._flag=false;//用于判断是否触发了确定按钮             var $dialog = $("<div class='yc_dialog'>"+"       <div class='yc_title'>"+"           <h3 class='yc_h3'>"+opts.title+"</h3>"+"          <a href='#' class='yc_close'>X</a>"+"      </div>"+"      <div class='yc_content'>"+"         <div class='yc_message'>"+"             <span class='yc_icon'></span>"+"              <span class='yc_con'>"+opts.content+"</span>"+"               <div class='yc_clear'></div>"+"           </div>"+"          <div class='yc_btn'>"+"             <input type='button' value='确定' class='yc_ok'/>"+"            </div>"+"      </div>"+"  </div>");  $("body").append($dialog).append("<div class='yc_yy'></div>");if(opts.dialogWidth){dealDialogWidth(opts.dialogWidth);   }else{dealDialogWidth(300);}if(opts.dialogHeight){dealDialogHeight(opts.dialogHeight);}else{dealDialogHeight(160);}if(opts.icon){$(".yc_message .yc_icon").addClass("yc_"+opts.icon);if(opts.icon=="confirm"){$(".yc_dialog .yc_close").show();$(".yc_btn").append("<input type='button' value='取消' class='yc_no'/>");}}else{$(".yc_dialog .yc_close").hide();$(".yc_message .yc_icon").addClass("yc_success");}if(opts._CONFIRM)$dialog._CONFIRM=opts._CONFIRM;if(opts._URL)$dialog._URL =opts._URL;if(opts._ARRAY)$dialog._ARRAY = opts._ARRAY;yc_center($dialog);yc_initEvent($dialog);}});第三种方式：仍然是对于方法的扩展 < 调用方式：$(this).ycDialog(opts) >
jQuery.fn.ycDialog=function(opts){this._flag=false;//用于判断是否触发了确定按钮 var $dialog = $("<div class='yc_dialog'>"+"      <div class='yc_title'>"+"           <h3 class='yc_h3'>"+opts.title+"</h3>"+"          <a href='#' class='yc_close'>X</a>"+"      </div>"+"      <div class='yc_content'>"+"         <div class='yc_message'>"+"             <span class='yc_icon'></span>"+"              <span class='yc_con'>"+opts.content+"</span>"+"               <div class='yc_clear'></div>"+"           </div>"+"          <div class='yc_btn'>"+"             <input type='button' value='确定' class='yc_ok'/>"+"            </div>"+"      </div>"+"  </div>");  $("body").append($dialog).append("<div class='yc_yy'></div>");if(opts.dialogWidth){dealDialogWidth(opts.dialogWidth);   }else{dealDialogWidth(300);}if(opts.dialogHeight){dealDialogHeight(opts.dialogHeight);}else{dealDialogHeight(160);}if(opts.icon){$(".yc_message .yc_icon").addClass("yc_"+opts.icon);if(opts.icon=="confirm"){$(".yc_dialog .yc_close").show();$(".yc_btn").append("<input type='button' value='取消' class='yc_no'/>");}}else{$(".yc_dialog .yc_close").hide();$(".yc_message .yc_icon").addClass("yc_success");}if(opts._CONFIRM)$dialog._CONFIRM=opts._CONFIRM;if(opts._URL)$dialog._URL =opts._URL;if(opts._ARRAY)$dialog._ARRAY = opts._ARRAY;yc_center($dialog);yc_initEvent($dialog);};

转载于:https://www.cnblogs.com/yu0312chao/p/4882028.html

关于jQuery中自定义函数的操作相关推荐

jquery中自定义函数被事件调用
<input type="button" value="减慢" οnclick="speedDown()"/> 当点击此按钮触发 ...
SQL Server中自定义函数和游标应用的经典案例
2019独角兽企业重金招聘Python工程师标准>>> SQL Server中自定义函数和游标应用的经典案例转载于:https://my.oschina.net/zhddzr/bl ...
python使用del保留字定义一个函数-python中自定义函数的保留字是
基本使用(推荐学习:Python视频教程)def function_name(parameters): expressions Python使用def开始函数定义,紧接着是函数名,括号内部为函数的参数 ...
python函数自定义教程_Python中自定义函数的教程
在Python中,定义一个函数要使用def语句,依次写出函数名.括号.括号中的参数和冒号:,然后,在缩进块中编写函数体,函数的返回值用return语句返回. 我们以自定义一个求绝对值的my_abs函数 ...
matlab 中zeros,Matlab中zeros函数怎么操作？zeros函数使用教程分享
有的网友表示自己对于Matlab中zeros函数使用还不是非常了解,而本节就介绍了Matlab中zeros函数使用操作教程,还不会操作的朋友就跟着小编学习一下吧,希望对你们有所帮助. Matlab中z ...
jQuery中对标签元素操作（2）
一.属性操作 1.获取属性和设置属性例如下jQuery代码: var $para=$("p"); //获取<p>节点 var p_txt=$par ...
java类中自定义函数的调用_关于方法：自定义类中对函数的未解析引用
我无法解决看似微不足道的问题.我的问题可能是缺乏对Kotlin语言的经验(和理解).不过,我将需要帮助. 我做了一个自定义类,其中包含一个自定义函数.看起来很简单,但是当我尝试使用此功能时,我一直收到 ...
Excel 中自定义函数的限制
写这篇文章的起因是因为我在Excel 2003 中用VBA 写了个自定义的函数. Function Test() As Integer On Error GoTo Test_error Range(& ...
c语言中自定义函数返回数组,C语言自定义函数返回数组的方法（图文详解）
C语言自定义函数返回数组的方法(图文详解) 最近看到一些同学问题,有提到说:如何在一个函数中返回数组呢? 能否直接在自定义函数中,写成char *类型返回值,直接返回呢?,代码如下: 直接返回str ...

关于jQuery中自定义函数的操作

关于jQuery中自定义函数的操作相关推荐

最新文章

热门文章