jQuery封裝函數

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);