.width() / .height() —— 获取元素的宽度 / 高度

一、.width() —— 获取、设置元素的宽度

写法：$("元素").width();

单位：

（1）没有单位，默认的单位是px

$(".aa").width(100); // 设置元素的宽度为100px

（2）除了px以外的单位需要传递字符串

$(".aa").width("100em"); // 设置元素的宽度为100em

与.css("width")的区别：.css()获取到的有px单位，css获取到的是样式设置的值，.width()获取的是实际的宽度

获取浏览器窗口的宽度：$(window).width();

获取文档的宽度： $(document).width();

获取条件：只能获取显示元素的宽度，如果display为none获取不到

 

二、 .height() —— 获取、设置元素的高度

写法：$("元素").height();

单位：

（1）没有单位，默认的单位是px

$(".aa").height(100); // 设置元素的高度为100px

（2）除了px以外的单位需要传递字符串

$(".aa").height("100em"); // 设置元素的高度为100em

与.css("height")的区别：.css()获取到的有px单位，css获取到的是样式设置的值，.height()获取的是实际的高度

获取浏览器窗口的高度：$(window).height();

获取文档的宽度： $(document).height();

获取条件：只能获取显示元素的宽度，如果display为none获取不到