jQueryHTML和插件、display和overflow和visibility的区别

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>