在jquery中,如果想使用自定义函数,你得使用非一般的方法,共有如下几种方法,请择其一而用之。
第一种方法:自定义函数放在jquery之外
<script type="text/javascript">
function fun1(){
$("div").css("color", "red");
};
$(document).ready(function(){
/*jquery函数调用方式*/
$("button").click(function(){
fun1();
});
})
</script>
第二种方法:使用extend关键字
<script type="text/javascript">
$(document).ready(function(){
$.extend({'fun1':function(){
$("div").css("color", "red");
}});
/*jquery函数调用方式*/
$("button").click(function(){
$.fun1();
});
})
</script>
第三种方法:其它
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();
个人建议:使用第一种方法最佳,因为层次结构清晰明朗,符号学习的逻辑思维。