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>