1、jQuery对HTML的捕获和设置。
1、html() $(".box1").html("<p>我是div里面的p</p>");
console.log($(".box1").html());
可以捕获元素、内容也可以设置元素、内容。
2、text() $(".box2").text("text设置内容");
可以捕获内容也可以设置内容。但是不能设置和捕获标签。
3、val() 方法，获取元素的值，也可以进行设置
console.log($("input").val());
2、jQuery对HTML尺寸的操作
1、width和height就是正常的宽度和高度
2、innerWidth()和innerHeight()获取元素的 width(height)+pandding
3、outerWidth()忽然outerWidth()获取元素的 width(height)+padding+border
4、scrollTop()和scrollTop() 设置或者返回滚动条被卷去的元素高度、和宽度
3、display、overflow和visibility的区别
display：block 将元素显示 同时转换为块元素显示，独占一行，并且可以设置宽高等属性
display: none 将元素隐藏 不会保留位置。
-------------------------------------
visibility：hidden 元素隐藏，但是会占有位置。
visibility：visible 设置对象显示
--------------------------------------
overflow：visible 设置元素可见，不剪切超出范围的内容
overflow：hidden 将超出对象尺寸的内容进行隐藏，不会出现滚动条。
overflow: scroll 将超出对象尺寸的内容进行裁剪，并且出现滚动条来显示裁剪的内容(如果内容不超出,也会出现滚动条)
overflow: auto 将超出对象尺寸的内容进行裁剪，并且出现滚动条来显示裁剪的内容(内容不超出,不会出现滚动条)
4、jQuery.color.js的使用
jQuery中的animate自定义动画本身不能设置颜色，但是引入jQuery.color.js后弥补了这个缺陷。
jQuery.color.js是依赖于jQuery,所以需要引入jQuery.js 插件。
5、jQuery.lazyload.js的使用
懒加载：图片在可视区域外不会被加载,直到用户将页面滚动到它们所在的位置,然后图片出现。
懒加载原理：浏览器会自动对页面中的img标签的src属性发送请求并下载图片。
6、jQuery.ui.js
使用ui插件需要引入三个文件：<link rel="stylesheet" href="jquery-ui-1.12.1/jquery-ui.min.css">
<script src="jquery-ui-1.12.1/jquery-ui.min.js"></script>
<script src="../jQuery库/jquery-3.4.1.min.js"></script>