首页 > 代码库 > 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写的函数,一样都是可以调用的。