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

原文链接:http://caibaojian.com/284.html

方法一:

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

方法三:

//code from http://caibaojian.com/284.html
<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>


来源:前端开发博客

原文地址:https://www.cnblogs.com/Jeely/p/10715082.html