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