javascript、jQuery函数定义和调用方法

时间:2023-03-08 18:04:58
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写的函数,一样都是可以调用的。