博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery相关宽高
阅读量:6456 次
发布时间:2019-06-23

本文共 611 字,大约阅读时间需要 2 分钟。

jQuery宽高主要方法有以下几种:

width()、height()

innerWidth()、innerHeight()

outerWidth()、outerHeight()

这些宽高都是可读写的

1.width()\height()

只是content部分,不包括padding,border,margin

传入value值或function可更改宽高值

.width()与.css("width")的区别:

  • .width()的返回值没有单位。
  • .css("width")返回值有单位。

2.innerWidth()\innerHeight()

包括padding

传入value值或function可更改宽高值

3.outerWidth()\outerHeight()

默认包括padding和border情况, outerHeight(true)时,包括margin。

其它相关方法:

.scrollTop()、.scrollLeft()同js

.offset()、.position()

 .offset():相对于document当前坐标值(相当于body左上角的left,top)

.position():相对于offset parent的坐标值(相对于最近的祖先定位元素左上角的left,top)

 

转载于:https://www.cnblogs.com/embrace-ly/p/10985777.html

你可能感兴趣的文章
JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记4
查看>>
C#技术------垃圾回收机制(GC)
查看>>
漫谈并发编程(三):共享受限资源
查看>>
【转】github如何删除一个仓库
查看>>
Linux系统编程——进程调度浅析
查看>>
大数据Lambda架构
查看>>
openCV_java 图像二值化
查看>>
状态模式
查看>>
删除CentOS / RHEL的库和配置文件(Repositories and configuraiton files)
查看>>
DJANGO变动库的一次真实手动经历
查看>>
VC++获得微秒级时间的方法与技巧探讨(转)
查看>>
HDOJ-1010 Tempter of the Bone
查看>>
MySQL my.cnf参数配置优化详解
查看>>
JavaNIO基础02-缓存区基础
查看>>
日本开设无人机专业,打造无人机“人才市场”
查看>>
190行代码实现mvvm模式
查看>>
PXE部署实例
查看>>
cobbler初探------实现自动安装centos6.4
查看>>
Android Studio 2.0 preview3 BUG
查看>>
兼容几乎所有浏览器的透明背景效果
查看>>