标签：
jquery是一款流行的JS框架，自定义JS方法，封装到Jquery中，调用起来也挺方便的，怎么写Jquery扩展方法那，网上翻阅了一部分代码，其实也挺简单的：
方式一：
(jQuery.fn.setApDiv=function () { //apDiv浮动层显示位置居中控制 var wheight=$(window).height(); var wwidth=$(window).width(); var apHeight=wheight-$("#apDiv").height(); var apWidth=wwidth-$("#apDiv").width(); $("#apDiv").css("top",apHeight/2); $("#apDiv").css("left",apWidth/2); }) 或者： (function ($) { $.fn.extend({ //弹窗蒙层 ShowLoadDialog : function () { //apDiv浮动层显示位置居中控制 var wheight=$(window).height(); var wwidth=$(window).width(); var apHeight=wheight-$("#apDiv").height(); var apWidth=wwidth-$("#apDiv").width(); $("#apDiv").css("top",apHeight/2); $("#apDiv").css("left",apWidth/2); } }) })(jQuery)
调用代码：
$("#apDiv").setApDiv();
方式二：
jQuery.extend({ // 设置 apDiv setApDiv:function () { //apDiv浮动层显示位置居中控制 var wheight=$(window).height(); var wwidth=$(window).width(); var apHeight=wheight-$("#apDiv").height(); var apWidth=wwidth-$("#apDiv").width(); $("#apDiv").css("top",apHeight/2); $("#apDiv").css("left",apWidth/2); } }); 或者： (function ($) { $.extend({ //弹窗蒙层 ShowLoadDialog : function () { // 设置 apDiv setApDiv:function () { //apDiv浮动层显示位置居中控制 var wheight=$(window).height(); var wwidth=$(window).width(); var apHeight=wheight-$("#apDiv").height(); var apWidth=wwidth-$("#apDiv").width(); $("#apDiv").css("top",apHeight/2); $("#apDiv").css("left",apWidth/2); } })})(jQuery)
调用代码：
$.setApDiv();
三、扩展：
jQuery中Ajax提交，针对Form窗体，我们采用的方式就是去除input值，然后组成Json或者其他方式提交，如果重复的用$("#vid").val()，这种方式处理，显得很繁琐，能不能用其他发送提交表单那，查阅资料之后，发现有个map方法，可以解决问题，代码粘贴如下：
$.ajax({ var str_data=$("#dlg_form input").map(function(){ return ($(this).attr("name")+‘=‘+$(this).val()); }).get().join("&") ; type: "POST", url: "some.php", data: str_data, success: function(msg){ alert( "Data Saved: " + msg ); } });
参考不错的博客文章地址：http://www.cnblogs.com/nangong/archive/2013/07/23/3208302.html
标签：
原文地址：http://www.cnblogs.com/xibei666/p/5167139.html
