Jquery自定義擴展方法（一）

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