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/);
$("#apDiv").css("left",apWidth/);
})
或者：
(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/);
$("#apDiv").css("left",apWidth/);
}
})
})(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/);
$("#apDiv").css("left",apWidth/);
}
});
或者：
(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/);
$("#apDiv").css("left",apWidth/);
}
})})(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