jQuery添加自定义函数的三种方法

方法一:

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

方法二:

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

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

方法三:

<script type="text/javascript">
 $.xyz = function(num1,num2){
 var num11=parseInt(num1);
 var num22=parseInt(num2);
 alert(num1+"+"+num2+"="+(num11+num22));
 }
 $(function(){
$.xyz("11","44");
}) 
</script>

「五年博客,如果觉得我的文章对您有用,请帮助本站成长」

订阅周报 关注微博

原创文章:jQuery添加自定义函数的三种方法 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/284.html)

发表评论

请登录后发表评论: