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