jQuery封裝函數

標籤：其他   his   top   end   調用   css   over   方法   函數   

//1,外掛程式命名:jQuery.外掛程式名.js 為拉避免和其他庫的衝突
//
//2,自訂外掛程式盡量避免使用$ 如果非要使用$就一定要將jQuery傳遞進去,
//寫在最後加一個小括弧寫jquery ;結束 封裝函數是自執行函數
//3,外掛程式的結尾一定要以 ; 結束 避免和前面代碼產生瓜葛
//4,封裝分為全域的方法和局部的方法
//.nav後還可以繼續封裝更多的函數

 

在調用時誰用誰.nav()就行  

在html中全域調用

$(function (){

$.nav();

})

$.extend({
//全域封裝

})

局部的封裝調用

局部的  誰需要誰調用

$.fn({

})

(function(){

//封裝全域的
$.extend({

‘nav‘:function(){
$(‘.nav‘).css({
‘listStyle‘: ‘none‘,
‘margin‘:‘0px‘,
‘padding‘:‘0px‘,
‘display‘:‘none‘
})

//不能再使用$(‘list li‘) 因為要封裝 需要內部尋找
//find()找到所有子項目
$(‘.nav‘).parent().hover(function(){
$(this).find(‘.nav‘).slideDown(1000);
},function(){
$(this).find(‘.nav‘).stop().slideUp(1000);
});
}

})

})(jQuery);

jQuery封裝函數