jQuery 插件

2.4 lazyload 图片懒加载

• 官网 https://appelsiini.net/projects/lazyload/

• github https://github.com/tuupola/jquery_lazyload/tree/2.x

• 用法

  $("#lazyWrapper img").lazyload()

2.5 layer 弹窗插件

• 官网 http://layer.layui.com/?alone

• github https://github.com/sentsin/layer/

• 用法

  layer.alert()
  layer.confirm()
  layer.msg()
  layer.load()
  layer.tips()
  layer.colse()
  layer.open({
  type: ,
  title: ,
  content: 
  ....
  })
  ...

2.6 nice validator 表单验证

• 官网 https://validator.niceue.com/

• github https://github.com/niceue/nice-validator

• 用法

  $("form").validator({
  
  })

2.7 jQuery-easing

• 官网 http://gsgd.co.uk/sandbox/jquery/easing/

• github https://github.com/gdsmith/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

• 官网 https://jqueryui.com/

5 jQueryMobile

• 官网 https://jquerymobile.com/

• 教程 http://www.runoob.com/jquerymobile/jquerymobile-tutorial.html

6 Sizzle

• 官网 https://sizzlejs.com/

7 Zepto

• 官网 http://zeptojs.com/
• 与jquery区别： https://www.zhihu.com/question/25379207