jQuery_04之第三方自定义

Posted 2020-08-17 Jupiter258

1、第三方插件：
 ①日期：layDate：不依赖于jquery
  使用：html:<input class="laydate-icon">
   css:引入laydate/skins/default/laydate.css
   js:laydate({
   elem:"selector",format:"YYYY年MM月DD日"，其他属性
   });
 ②表单验证：jquery.validator 依赖于jquery
  使用：$(表单).validate({
   rules:{//规则
    name1:"required",//必填，如果只有一个简单规则
    name2:{//如果一个字段，需要多个规则验证时
     规则1：值，
     规则2：值，
    }，
    //所有规则列表}
   message：{
    name1：“name1验证失败的信息”，
    name2：{
     规则1：“name2的规则1验证失败的信息”，
     规则2：“name2的规则2验证失败的信息”，
    }
   }
  })
2、自定义验证规则：
 jQuery.validator.addMethod(规则名，method[默认提示])
 自定义规则：field：“规则名”
3、瀑布流——Masonry——js网格布局库
 垂直区域内，元素最优化空间利用率自动摆放
 使用：$(容器父元素).masonry();
4、自定义jquery插件：
 ①定义一个全局对象；
 ②在自定义全局对象中添加自定义方法
 html引用：
 ①先引入方法所在js文件
 ②用库对象.自定义方法()
5、jQuery全局方法：jQuery库对象：window.jQuery=window.$=jQuery
 向jQuery库中添加全局方法：①jQuery.命名空间={}；
  ②jQuery.命名空间.方法名=function(){...}
 比较：原生js：直接定义在window下，不需要任何对象即可直接访问；
  jQuery：定义在jQuery对象内部，必须用jQuery对象才能调用；
6、添加jQuery对象方法：
 全局：$.XXX.方法名();
 对象：$(selector).方法名();