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. 附件图片：