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(){ } })
4 jQuery UI
5 jQueryMobile
6 Sizzle
7 Zepto
- 官网 http://zeptojs.com/
- 与jquery区别: https://www.zhihu.com/question/25379207