jquery 函数参数传递 jquery函数调用

一、javascript

1、var aaa=function(){...}

var 方式定义的函数，不能先调用函数，后声明，只能先声明函数，然后调用。

2、function aaa(){...}

function方式定义函数可以先调用，后声明。

例子：

<script language="JavaScript" type="text/javascript">   
            //aaa();这样调用就会出错   
            var aaa = function(){   
                alert("A");   
            }   
            aaa();//这样就不会出错   
               
            //先调用后声明   
            bbb();   
            function bbb(){   
                alert("bb");   
            }   
</script>

 

二、jQuery

1、定义：

$.setActive = function (toFindName) {    $(".tab_content").hide(); //Hide all content  }

调用：$.setActive(toFindName);

或：

$.postJSON = function(url, data, callback) {//这里有回调函数
                                                                                           $.post(url, data, callback, "json");
                                                                                     };

调用：$.postJSON('/post/getsecurejsonpost',{}, function(data) {});

2、定义：

  

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();

3、定义：

     

//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();

 

对比2,3：

一种如$.extend({'aa':function(){}}),这种调用时就是这样$.aa(),另一种如$.fn.extend({'aa':function(){}}),这种调用时就得这样,$(this).aa()

实际上不管是jquery还是Extjs，本质上都是javascript，所以文件中用原生态的js写的函数，一样都是可以调用的。