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

2025-06-19 08:03:40

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元素宽高有哪些方法
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢