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

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

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

文章插图

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

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

文章插图

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

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

文章插图

4innerWidth()方式 , 本家儿要用于获得html元素的宽度 , 此宽度包罗内边距的宽度 。 例如 , 下面代码输出的宽度是320px 。

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

文章插图

5innerHeight()方式 , 本家儿要用于获得html元素的高度 , 此高度包罗内边距的高度 。 例如 , 下面代码输出的高度是120px 。

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

文章插图

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

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

文章插图

7【jquery获取html元素宽高有哪些方法】outerHeight()方式 , 本家儿要用于获得html元素的高度 , 此高度包罗内边距和边框的高度 。 例如 , 下面代码输出的高度是122px 。

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

文章插图

以上内容就是jquery获取html元素宽高有哪些方法的内容啦 , 希望对你有所帮助哦!

    推荐阅读