jQuery插件

一.自定义插件

1. $.extend

作用1：对象继承 $.extend(对象1，对象2)----对象1继承对象2

案例：对象间的继承（两个对象）

var person = {"name":"哈哈","sex":"女"}
		var stu = {}
		// 通过$.extend()；为stu继承person中的所有属性
		$.extend(stu,person)

作用2：扩展jQuery类方法： $.extend({方法名：function(){方法体}})多个方法之间用逗号隔开

案例：扩展$.max()和$.min()方法

$.extend({
				"sb": function() {
					console.log("这是我自定义的类方法");
				},
				"nb": function() {
					console.log(123);
				}
			})

2. $.fn.extend

作用：扩展jQuery对象方法：$.extend({方法名：function(){方法体}})多个方法之间用逗号隔开

案例：扩展复选框的全选和取消全选功能

$.fn.extend({
					// 全选的对象方法
					"demo1": function() {
						// 在对象方法中，$(this)代表将来谁调用了，就代表谁
						// console.log($(this));
						// $(this).each(function(){
						// 	$(this).prop("checked",true);
						// });
						// jQuery的特性中有一个隐式迭代器
						$(this).prop("checked", true);
					},
					"demo2": function() {
						$(this).prop("checked", false);
					}
				});
				$("#checkall").click(function() {
					// 通过获取到复选框  然后调用对象方法demo1 设置所有复选框选中
					$("input:checkbox").demo1();
				});
				$("#qxcheckall").click(function() {
					// 通过获取到复选框  然后调用对象方法demo1 设置所有复选框选中
					$("input:checkbox").demo2();
				});

二.第三方插件

1.插件名:jQuery Validation

2.使用步骤

2.1下载jQuery插件验证库  jquery.validate.js

2.2将类库引入页面

2.3两种方式使用验证

HTML标签属性方式

JS方式（推荐）

验证及错误信息：

$("表单元素").validate({rules:{字段验证规则},messages:{字段错误信息}})

错误样式

表格元素 label.error{样式}

3.验证规则说明

 案例：演示表单验证（用户名，密码，确认年龄，年龄，游戏，网址）

$(function() {
				$("#formRegister").validate({
					rules: {
						// 账号必须有，不能为空
						username: {
							required: true,
							minlength: 10
						},
						email: {
							required: true,
							email: true
						}
					},
					messages: {
						username: {
							required: "账号不能为空",
							minlength: "账号必须10以上"
						},
						email: {
							required: "必填",
							email: "邮箱格式不正确"
						}
					}
				});
			});