Tag标签 | 收藏本站 | 设为首页 | 参考书籍 | web前端技术交流①群:WEB前端技术交流群 会员登录 | 会员注册

首页文字描述

会员投稿 RSS订阅 专注web前端: 要么读书、要么旅行,身体和精神必须要有一个在路上。【每天一小步,成功一大步】
搜索: 您的位置主页 > WEB前端 > 网页特效 > jQuery插件的运用、插件模版、自己写jQuery插件
隐藏/显示侧边栏

jQuery插件的运用、插件模版、自己写jQuery插件

2013-12-30 22:45    来源:未知    责任编辑:admin    字号【
jQuery很多常用的插件,譬如表单验证jquery validate插件、jquery UI插件等,使用率还是比较高的!那么如果自己能有自己的常用插件库也挺不错,也能当作学习和jQuery的总结概括!下面是jQuery插件的模版和jQuery插件的运用。(通过jquery的Tab标签页来展示其效果) ;(function($){
$.fn.tab=function(options){
var defaults={
currentClass:"current",
tabNav:"ul>li",
tabContent:"#content>div",
eventType:"click"
}
var options = $.extend(defaults,options);
this.each(function(){
var _this = $(this);
_this.find(options.tabNav).bind(options.eventType,function(){
$(this).addClass(options.currentClass).siblings().removeClass(options.currentClass);
var index=$(this).index();
_this.find(options.tabContent).eq(index).show().siblings().hide();
});
});
return this;
}
})(jQuery);

jQuery插件的运用、插件模版演示地址: jQuery插件模版与运用


更多
Tags 标签: Jquery插件
责任编辑:admin
设为首页 | 加入收藏 | 关于我们| 版权声明 | 在线留言 | 网站地图 |