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)

发表评论

请登录后发表评论: