zoukankan      html  css  js  c++  java
  • jQuery_04之第三方、自定义

    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).方法名();

  • 相关阅读:
    基础调试命令
    mui 拨打电话
    vue a href="tel" 拨打电话
    vue数据已渲染成 但还是报错 变量 undefined
    表格头部与左侧内容随滚动条位置改变而改变(基于jQuery)
    element popover 不显示/不隐藏问题解决方法
    fatal: The remote end hung up unexpectedly解决办法
    mui.fire 目标页无法监听到 触发事件
    多个定时器任务
    vue router 传参 获取不到query,params
  • 原文地址:https://www.cnblogs.com/Jupiter258/p/6034706.html
Copyright © 2011-2022 走看看