一開(kāi)始我接觸jQuery的原因是要給網(wǎng)站的導(dǎo)航加一個(gè)下拉菜單,那會(huì)還不是很懂jQuery,只是根據(jù)網(wǎng)上的一些案例代碼,修改成自己需要的效果,漸漸的接觸了jQuery api,學(xué)習(xí)了jQuery的一下些使用方法比如簡(jiǎn)單的顯示、隱藏、漸顯、滑動(dòng)等效果。今天蘇州網(wǎng)頁(yè)設(shè)計(jì)的小編想和大家一起來(lái)學(xué)習(xí)一下jQuery的封裝。
那么首先要理解什么是jQuery的封裝。我的理解簡(jiǎn)單的說(shuō)封裝就是把一個(gè)功能代碼,設(shè)置成一個(gè)對(duì)象,實(shí)現(xiàn)可以簡(jiǎn)單的重復(fù)的調(diào)用。這樣減少了代碼的冗余量。
下面主要介紹一些常用的jquery方法的封裝,方便以后使用!有興趣的小伙伴可以參考下,有什么好的建議也可以一起研究研究。
jQuery.extend()、jQuery.fn.extend()如何使用。方法 jQuery.extend() 和 jQuery.fn.extend() 用于合并兩個(gè)或多個(gè)對(duì)象的屬性到第一個(gè)對(duì) 象,它們的語(yǔ)法如下:
? jQuery.extend( [deep], target, object1 [, objectN] )
? jQuery.fn.extend( [deep], target, object1 [, objectN] )
其中,參數(shù) deep 是可選的布爾值,表示是否進(jìn)行深度合并(即遞歸合并)。合并行為默認(rèn)是不遞歸的,如果第一個(gè)參數(shù)的屬性本身是一個(gè)對(duì)象或數(shù)組,它會(huì)被第二個(gè)或后面的其他 參數(shù)的同名屬性完全覆蓋。如果為 true,表示進(jìn)行深度合并,合并過(guò)程是遞歸的。參數(shù) target 是目標(biāo)對(duì)象;參數(shù) object1 和 objectN 是源對(duì)象,包含了待合并的屬性。如果 提供了兩個(gè)或更多的對(duì)象,所有源對(duì)象的屬性將會(huì)合并到目標(biāo)對(duì)象;如果僅提供一個(gè)對(duì)象, 意味著參數(shù) target 被忽略,jQuery 或 jQuery.fn 被當(dāng)作目標(biāo)對(duì)象,通過(guò)這種方式可以在 jQuery 或 jQuery.fn 上添加新的屬性和方法,jQuery 的其他模塊大都是這么實(shí)現(xiàn)的。方法 jQuery.extend() 和 jQuery.fn.extend() 常用于編寫(xiě)插件和處理函數(shù)的參數(shù)。