jQuery封装函数1,插件命名:jQuery.插件名.js 为拉避免和其他库的冲突
2,⾃定义插件尽量避免使⽤$ 如果⾮要使⽤$就⼀定要将jQuery传递进去,
写在最后加⼀个⼩括号写jquery ;结束封装函数是⾃执⾏函数
3,插件的结尾⼀定要以 ; 结束避免和前⾯代码产⽣⽠葛
4,封装分为全局的⽅法和局部的⽅法
.nav后还可以继续封装更多的函数
在调⽤时谁⽤谁.nav()就⾏
在html中全局调⽤jquery插件分享
$(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);
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论