封裝自己的jQuery庫xQuery

2022-02-05 04:40:28 字數 1398 閱讀 5595

//

現在大大多專案都是用jquery開發的,jquery 很好用,不妨自己寫一下自己的jquery ,了解jquery內部實現的原理。

//和上篇隨筆一樣,採用物件導向的方法封裝自己的js庫.

1.和jquery 一樣,jquery $()方法裡面.能傳四種不同的引數如:

$("")乙個字串

字串的形式有三種情況:$("#id"),$(".class"),$("p"); 

$(function

(){}),函式,

只有一情況,就是window.onload

$(this

),物件

function

xquery(varg)

break;  

case "object":

this

.elements.push(varg);

break

;  }}//

寫乙個類似jquery的$方法

function

$(varg)

//下面來通過原型的方法給xquery物件新增各種方法:

xquery.prototype =

i = null;//

通過js的作用域我們知道,這時候i還有值的,i = this.elements.length;,所以我們需要手動釋放i;

//為了實現jquery的鏈式操作,我們需要返回當前物件

return

this

;  },

hover :

function

(fnover,fnout)

if(fnout)

}return

this

;  },

css :

function

(attr,value)

}else

else

}return

this

;        }}},

extend :

function(name,fn),

//....好了就寫這麼多,其它的方法的實現都差不多,

};//

傳統的js頁面只能有乙個window.onload = function(){};

//要想要多個的話得用事件繫結的方式.

function

bindevent(obj, ev, fn)

}, false

);  }

else

})}}

//獲採樣式

function

getstyle(obj,attr)

else}//

總結:xquery 只是實現了一很小部分的jquery功能,以此勉勵自己在用別人的框架的同時,要明白基原理,不能做傻瓜式開發.

封裝自己的jquery外掛程式

第一步 要想封裝自己的jq外掛程式,要先了解jquery外掛程式執行機制。jquery使用無new的構造方式,直接 進行構造,相當於new jquery 看下面例子。jquery將jquery.prototype賦值給jquery.prototype.init的prototype作為中轉站,最終re...

建立自己的封裝庫(三)

前面兩篇已經弄好了自己的封裝庫啦,可是都是2d的封裝,沒有3d的看起來炫酷,那麼接下來就給我們的封裝新增3d模型吧 先上張圖 先找到我們需要的原件的3d模型,推薦 只不過我通常都是大概對好了就行了 接下來基本上就搞定啦 3d檢視下可以幫助我們看一下布局,元件和元件之間會不會擋著了,就比如12864這...

python使用自己封裝的庫

我想做乙個隨機生成使用者資訊的工具庫 人名隨機,性別隨機,還有粉絲隨機。中國人名分姓和名,我用first name.txt存姓,用last name.txt存名 分別解析2個檔案,得到我們需要的資料,實現 ln path users cykj desktop last name.txt fn pat...