jquery获取html元素宽高有哪些方法

 时间:2024-10-22 22:52:28

1、新建一个html文件,命名为test.html,用于介绍jquery获取html元素宽高方法。

jquery获取html元素宽高有哪些方法

2、width()方法,主要用于获得html元素的宽度,此宽度不包括内边距、边框或外边距的宽度。例如,下面代码输出的宽度是300px。

jquery获取html元素宽高有哪些方法

3、height()方法,主要用于获得html元素的高度,此高度不包括内边距、边框或外边距的高度。例如,下面代码输出的高度是100px。

jquery获取html元素宽高有哪些方法

4、innerWidth()方法,主要用于获得html元素的宽度,此宽度包括内边距的宽度。例如,下面代码输出的宽度是320px。

jquery获取html元素宽高有哪些方法

5、innerHeight()方法,主要用于获得html元素的高度,此高度包括内边距的高度。例如,下面代码输出的高度是120px。

jquery获取html元素宽高有哪些方法

6、outerWidth()方法,主要用于获得html元素的宽度,此宽度包括内边距和边框的宽度。例如,下面代码输出的宽度是322px。

jquery获取html元素宽高有哪些方法

7、outerHeight()方法,主要用于获得html元素的高度,此高度包括内边距和边框的高度。例如,下面代码输出的高度是122px。

jquery获取html元素宽高有哪些方法
  • 哈利波特魔法觉醒怎么获得未知的书页
  • 怎么在C#中定义一个类?
  • 明日方舟固若金汤PR-A-1攻略
  • 明日方舟长泉镇郊野低配剿灭攻略
  • 奥比岛手游怎么染衣服
  • 热门搜索
    美丽的春天手抄报图片 走进汉字王国手抄报 关于昆虫的手抄报 保护环境的手抄报内容 有关于健康的手抄报 手抄报报头 餐桌礼仪手抄报 寒假手抄报大全 有关节约用水的手抄报 未来的学校手抄报