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