1. 程式人生 > >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);
    }

呼叫方法:$("#apDiv").setApDiv();


--------------------------------------------------------------------------------
方法二:
      //jQuery 應用擴充套件
      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);
            }
      });
呼叫方法

:$.setApDiv();

總結 一種如$.extend({'aa':function(){}}),這種呼叫時就是這樣$.aa(),另一種如$.fn.extend({'aa':function(){}}),這種呼叫時就得這樣,$(this).aa()

--------------------------------------------------------------------------------
方法三:
      
     $.postJSON = function(url, data, callback) {
  $.post(url, data, callback, "json");
 };
呼叫方法

:$.postJSON('/post/getsecurejsonpost',{}, function(data) {});