jQuery插件 ，规范，jQuery继承

jQueryd的继承,jQuery第三方插件

一：什么是继承，继承的概念：

继承是指一个对象直接使用另一对象的属性和方法，继承可以使得子类具有父类的各种属性和方法。
父类《》类型 《》 基类
子类 == 派生类
对象的继承

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

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

通过继承来实现一些方法

	$.extend({
				max: (...a) => {
					// ...a具备多个参数，且是一个数组
					// let max=is[0]
					let max = -Infinity
					// 打擂台
					for (let i of a) {
						max = max < i ? i : max
					}
					return max;
				}
			})
			console.log($.max(12, 3, 43, 43, 5, 4, 46, 23, 6, 57, 6, 7, 7))

			// 拓展在jQuery对象上
			$.fn.extend({
				asda: () => {
					console.log("afdsasdfadfccccccccccccccccc")
				}
			})
			$("a").asda()

在这里，需要注意的是，使用**$.fn.extend()\ast \ast 来继承的是在jQuery对象上的继承，其他对象是调不到这个方法的，如果需要调用就用\ast \ast$.extends()**就可以啦

二，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>

这样就完成了一个简单的表单验证

如果要修改提示的字体样式，只需要在style中用label.error直接修改就是

<style type="text/css">
			label.error{
				color: aqua;
			}
		</style>

三， jQuery第三方插件的常见规范

最后给大家提供一个插件的网址
插件网址

好了，这就是今天给大家分享的内容了，留个足迹在走吧！