jQuery之宽高

一、width()、height() 

1、获取宽高

1
2
$('div').width()  // 100
$('div').height()  // 100

2、设置宽高

1
2
$('div').width(200)
$('div').height(200)

3、总结

 这个宽高不包括padding、border、margin

 

二、innerWidth()、innerHeight()

1
2
$('div').innerWidth()
$('div').innerHeight()

总结:返回元素的高度、宽度(包括内边距)

三、outerWidth()、outerHeight()

1、无参数

1
2
$('div').outerWidth()
$('div').outerHeight()

  总结:返回元素的宽高(包括内边距+边框)

2、有参数

1
2
$('div').outerWidth(true)
$('div').outerHeight(true)

  总结:返回元素的宽高(包括内边距+边框+外边距) 

四、获取页面可视区的宽高

1
2
$(window).width()
$(window).height()

  

 

posted @   蓝色精灵jah  阅读(14)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· [翻译] 为什么 Tracebit 用 C# 开发
· 腾讯ima接入deepseek-r1,借用别人脑子用用成真了~
· Deepseek官网太卡,教你白嫖阿里云的Deepseek-R1满血版
· DeepSeek崛起:程序员“饭碗”被抢,还是职业进化新起点?
· RFID实践——.NET IoT程序读取高频RFID卡/标签
点击右上角即可分享
微信分享提示