jQuery.05.继承与插件

1、知识大纲

2、继承

继承是指一个对象直接使用另一对象的属性和方法，继承可以使得子类具有父类的各种属性和方法。
jQuery里面的继承

            let 李四 = {
				"吃饭": function() {
					console.log("正在吃饭")
				}
			}
			let 张三 = {
				"做菜": function() {
					console.log("正在做菜")
				}
			}
			// 李四.吃饭();
			// 张三.做菜();
			$.extend(张三, 李四)
			张三.吃饭();

			// 前面的继承了后面的内容
			$.extend($, 李四)
			$.吃饭()
			// 可以通过继承来完成jQuery到哒不到我们预期的要求

3、jQuery插件的网站

http://plugins.jquery.com/ 官网 这个是英文的，感觉不是很好用。

http://www.jq22.com/ jQuery插件库 这个是中文的，感觉不错

http://www.htmleaf.com/ jQuery之家 这个比较棒，中文

http://www.jq-school.com/ jQuery-school

4、经典jQuery插件

插件其实就是封装好的特效代码。如何选择插件：1、要有官方网站；2、要定期维护；3、使用数量多。

5、jQuery的第三方插件（表单验证）

<!-- 表单验证插件是基于jQuery的，再导入插件前要先导入jQuery -->
		<script src="js/jquery-validation-1.19.0/dist/jquery.validate.js"></script>
		<script src="js/jquery-validation-1.19.0/dist/localization/messages_zh.js"></script>
		<form class="mui-input-group">
			<p>
				<input type="text" name="username" placeholder="请输入" />
			</p>
			<p>
				<input type="text" name="userpwd" placeholder="请输入" />
			</p>
			<p>
				<button>登录</button>
				<button type="reset">取消</button>
			</p>
		</form>
		<script type="text/javascript">
			$("form").validate({
				// rules:{
				// 	username:"required",
				// 	userpwd:"required",
				// }
				rules:{
					username:{
						required:true,//必填
						// email:true必须是邮件
						rangelength:[5,10]//长度必须是5-10
					}
				}
			})
		</script>

6、jQueryValidate规则