码迷,mamicode.com
首页 > Web开发 > 详细

jQuery_04之第三方、自定义

时间:2016-11-06 09:35:57      阅读:284      评论:0      收藏:0      [点我收藏+]

标签:命名空间   win   bsp   多个   tor   default   ida   添加   自动   

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

jQuery_04之第三方、自定义

标签:命名空间   win   bsp   多个   tor   default   ida   添加   自动   

原文地址:http://www.cnblogs.com/Jupiter258/p/6034706.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!