2020年16日 星期二
Don't forget, a person's greatest emotional need is to feel appreciated.
今天主要是把后天管理权限验证，还有就是树状图使用element -ui 进行布局 然后与后台数据进行交互，然后，晚上的时候把jquery复习了一下：总结了一些常用的获取don节点的方法；
什么是:JQuery:
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互
JQuery入口函数：
$(document).ready(function(){
// 执行代码
});
或者简写为：
$(function(){
// 执行代码
});
js入口函数：window.onload = function () {...}
区别：
jQuery 的入口函数是在 html 所有标签(DOM)都加载之后，就会去执行，可定义多次。
JavaScript 的 window.onload
事件是等到所有内容，包括外部图片之类的文件加载完后，才会执行，且只能定义一次，多次定义后边将前边覆盖。
选择器
1. 标签选择器（元素选择器）
* 语法： $("html标签名") 获得所有匹配标签名称的元素
2. id选择器
* 语法： $("#id的属性值") 获得与指定id属性值匹配的元素
3. 类选择器
* 语法： $(".class的属性值") 获得与指定的class属性值匹配的元素
4. 并集选择器：
* 语法： $("选择器1,选择器2....") 获取多个选择器选中的元素之和
5. 全部选择器
* 语法： $("*") 获取此页面中的所有元素
层级选择器
1. 后代选择器
* 语法： $("A B ") 选择A元素内部的所有B元素
2. 子选择器
* 语法： $("A > B") 选择A元素内部的所有直接子元素B
3. 亲弟弟选择器
* 语法： $("A + B ") 选择紧接在A元素之后同级B元素
4. 弟弟选择器
* 语法： $("A ~ B") 选择A元素之后的所有同级B元素
属性选择器
1. 属性名称选择器
* 语法： $("A[属性名]") 包含指定属性的选择器
2. 属性选择器
* 语法： $("A[属性名='值']") 包含指定属性等于指定值的选择器
可选关系运算符：
!= :属性值不等于该值
^= :属性值以该值开头
$= :属性值以该值结尾
*= :属性值中包含该值
过滤选择器
1. 首元素选择器
* 语法： :first 获得选择的元素中的第一个元素
2. 尾元素选择器
* 语法： :last 获得选择的元素中的最后一个元素
3. 非元素选择器
* 语法： :not(selector) 不包括指定内容的元素
4. 偶数选择器
* 语法： :even 索引为偶数，从 0 开始计数
5. 奇数选择器
* 语法： :odd 索引为奇数，从 0 开始计数
6. 等于索引选择器
* 语法： :eq(index) 指定索引元素，从0开始
7. 大于索引选择器
* 语法： :gt(index) 大于指定索引元素
8. 小于索引选择器
* 语法： :lt(index) 小于指定索引元素
9. 标题选择器
* 语法： :header 获得标题（h1~h6）元素，固定写法
10. 动画选择器
* 语法： :animated 获得正在执行动画效果的元素
11. 焦点选择器
* 语法： :focus 获得当前取得焦点的元素
