栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

JQuery快速入门之插件

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JQuery快速入门之插件

自定义插件:
1.   $.extend(参数);
 1.1 概述:

类似Java的类()方法,也就是可以直接通过"$"调用(无方法名时);

1.2 作用一:对象继承:

$.extend(参数1,参数2,参数3.....等);

①.参数1继承参数2(两个参数);

②.参数1继承参数2和参数3等(三个参数以上);

1.3 作用二:扩展JQuery类方法:

$.extend({

方法名: function (){方法体}

});

注意:多个方法要用逗号(",")隔开; 

调用方式:

$.方法名(自定义的参数);(有方法名时)

 

2.   $.fn.extend({     方法名: function () {方法体}        });

fn代表: function(方法或函数); 

2.1 作用:扩展JQuery对象方法; 2.2 调用方式:

①.在某个对象里调用时:$(this).方法名();

②.$.fn.方法名();

3. 表单验证插件:

3.1 下载并引入JQuery插件验证库:jquery.validate.js

3.2 Javascript验证方式(推荐):

$("表单元素").validate({

rules:{ id或name名: {字段验证规则} },

messages:{ id或name名: {自定义错误信息提示} }

});

 注意:不要打分号(";"),用句号(",")隔开或连接;

rules:规则(区分大小写);

messages:自定义错误信息;

字段验证的规则如下:

 4.  本章思维导图:

5. 附件图片: 

 

 

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/770815.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号