首页 > 代码库 > javascript、jQuery函数定义和调用方法

javascript、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()

 注:或之后的片段引用自http://www.cnblogs.com/chengxiaohui/articles/1914232.html,最近在对比整理js、jQuery等,非常感谢该文作者。

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