jQuery中innerWidth方法的使用

最新推荐文章于 2024-09-27 08:30:00 发布

bluedream

最新推荐文章于 2024-09-27 08:30:00 发布

阅读量2.8k

点赞数

CC 4.0 BY-SA版权

分类专栏：笔记文章标签： jquery 文档 html

本文链接：https://blog.youkuaiyun.com/fengxuezhiye/article/details/7254270

笔记专栏收录该内容

84 篇文章

订阅专栏

本文介绍如何使用jQuery获取页面上第一个匹配元素的内部宽度（包括补白但不包括边框），并通过示例展示了具体操作步骤。同时，文中还介绍了如何通过window.innerWidth和window.innerHeight获取浏览器窗口的文档显示区的宽度和高度。

获取第一个匹配元素内部区域宽度（包括补白、不包括边框）。

1获取第一段落内部区域宽度。

HTML 代码:

<p>Hello</p><p>2nd Paragraph</p>

  jQuery 代码:
var p = $("p:first");
$("p:last").text( "innerWidth:" + p.innerWidth() );

  结果：
<p>Hello</p><p>innerWidth: 40</p>


2.window.innerWidth返回窗口的文档显示区的宽度

window.innerHeight返回窗口的文档显示区的高度