jQuery 插件
1 jQuery 插件的网站
- http://plugins.jquery.com/ 官网
- http://www.jq22.com/ jQuery插件库
- http://www.htmleaf.com/ jQuery 之家
- http://www.jq-school.co m jQuery-school
2 经典jQuery插件
2.1 ### select2 下拉框搜索插件
用法
$(dom).select2() $(dom).select({ width:, data:, ajax:, .... })
2.2 datetimepicker 时间日期插件
用法
//设置语言 $.datetimepicker.setLocale('zh'); //调用插件 $(dom).datetimepicker({ datepicker:, timepicker:, format:"Y-m-d H:i", value:, .... })
2.3 fullpage 全屏滚动插件
用法
<!--HTML部分--> <div id="fullpage> <div class="section"></div> <div class="section"> <div class="slide"></div> <div class="slide"></div> <div class="slide"></div> </div> <div class="section"></div> <div class="section"></div> </div> 自定义的导航 卸载包裹元素的外面 <!--JS部分--> <script> $("#fullpage").fullpage({ navigation: true, sectionsColor: [] ..... }) </script>
2.4 lazyload 图片懒加载
用法
$("#lazyWrapper img").lazyload()
2.5 layer 弹窗插件
用法
layer.alert() layer.confirm() layer.msg() layer.load() layer.tips() layer.colse() layer.open({ type: , title: , content: .... }) ...
2.6 nice validator 表单验证
用法
$("form").validator({ })
2.7 jQuery-easing
用法
$(dom).hide(speed, easing, fn)
3 自定义jQuery 插件
jQuery.fn.extend() 给jQueryDom扩展方法
$.fn.extend({
方法名:function(){}
})
//或者
$.fn.方法名 = function(){
}
jQuery.extend() 给jQuery 对象本身扩展方法
$.extend({
方法名: function(){
}
})