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>

來源：前端開發博客