JQuery添加自定义函数 · 十年PHP工作&&面试积累

方法一： ~~~ 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> ~~~