jQuery 尺寸:处理元素和浏览器窗口的尺寸

2021-03-30 19:27

阅读：414

标签：img reserve 实例 query += example ack var filename

jQuery 尺寸

通过 jQuery，很容易处理元素和浏览器窗口的尺寸。

jQuery 尺寸方法

jQuery 提供多个处理尺寸的重要方法：

width()
height()
innerWidth()
innerHeight()
outerWidth()
outerHeight()

jQuery 尺寸

技术图片

jQuery width() 和 height() 方法

width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。

height() 方法设置或返回元素的高度（不包括内边距、边框或外边距）。

下面的例子返回指定的

元素的宽度和高度：

实例

$("button").click(function(){vartxt=""; txt+="div 的宽度是: " + $("#div1").width() + ""; txt+="div 的高度是: " + $("#div1").height(); $("#div1").html(txt); });

jQuery innerWidth() 和 innerHeight() 方法

innerWidth() 方法返回元素的宽度（包括内边距）。

innerHeight() 方法返回元素的高度（包括内边距）。

下面的例子返回指定的

元素的 inner-width/height：

实例

$("button").click(function(){vartxt=""; txt+="div 宽度，包含内边距: " + $("#div1").innerWidth() + ""; txt+="div 高度，包含内边距: " + $("#div1").innerHeight(); $("#div1").html(txt); });

jQuery outerWidth() 和 outerHeight() 方法

outerWidth() 方法返回元素的宽度（包括内边距和边框）。

outerHeight() 方法返回元素的高度（包括内边距和边框）。

下面的例子返回指定的

元素的 outer-width/height：

实例

$("button").click(function(){vartxt=""; txt+="div 宽度，包含内边距和边框: " + $("#div1").outerWidth() + ""; txt+="div 高度，包含内边距和边框: " + $("#div1").outerHeight(); $("#div1").html(txt); });

jQuery 尺寸:处理元素和浏览器窗口的尺寸

标签：img reserve 实例 query += example ack var filename

原文地址：https://www.cnblogs.com/peijz/p/12590935.html

上一篇：[转].NET Core技术研究-HttpContext访问的正确姿势

下一篇：CSS-Study-notes0

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：jQuery 尺寸:处理元素和浏览器窗口的尺寸
文章链接：http://soscw.com/index.php/essay/70128.html

亲，登录后才可以留言！

jQuery 尺寸:处理元素和浏览器窗口的尺寸

jQuery 尺寸

jQuery 尺寸方法

jQuery 尺寸

jQuery width() 和 height() 方法

实例

jQuery innerWidth() 和 innerHeight() 方法

实例

jQuery outerWidth() 和 outerHeight() 方法

实例

评论

热门文章

推荐文章

最新文章

置顶文章