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).方法名();
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· .NET 进程 stackoverflow异常后,还可以接收 TCP 连接请求吗?
· 本地部署 DeepSeek:小白也能轻松搞定!
· 基于DeepSeek R1 满血版大模型的个人知识库,回答都源自对你专属文件的深度学习。
· 在缓慢中沉淀,在挑战中重生!2024个人总结!
· 大人,时代变了! 赶快把自有业务的本地AI“模型”训练起来!
· Tinyfox 简易教程-1:Hello World!