手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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元素宽高有哪些方法
© 手抄报圈