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

1、jQuery对HTML的捕获和设置。
    1、html()     $(".box1").html("

我是div里面的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        将超出对象尺寸的内容进行裁剪,并且出现滚动条来显示裁剪的内容(内容不超出,不会出现滚动条)    

你可能感兴趣的:(jQueryHTML和插件、display和overflow和visibility的区别)