jQuery 插件
1 jQuery 插件的网站
-
http://www.jq22.com/ jQuery插件库
-
http://www.htmleaf.com/ jQuery 之家
2 经典jQuery插件
2.1 ### select2 下拉框搜索插件
-
用法
$(dom).select2() $(dom).select({ , 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