首页 > 代码库 > jQuery封装函数
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);
jQuery封装函数
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。