jquery自定義函式的多種方法
阿新 • • 發佈:2018-12-17
一、傳引數
var aa = function(x){ //彈出物件 x 裡的 aa 變數和 bb 變數 alert(x.aa + " 我成功啦 " + x.bb); } $.windowbox = aa; $.windowbox({ aa: "哈哈", bb: "啦啦" });
二、方法定義
$.windowbox = { //定義一個方法aa aa: function(){ alert("aa"); }, //定義一個方法bb bb: function(){ alert("bb"); } } $.windowbox.aa(); //呼叫$.windowbox裡的aa方法
三、
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.fn表示jquery內建函式,可以使用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()