jQuery--.css("width")和.width()的区别

最新推荐文章于 2024-04-16 22:29:27 发布

转载最新推荐文章于 2024-04-16 22:29:27 发布 · 3.5k 阅读

文章标签：

#div #function

jQuery 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了如何使用jQuery来获取页面元素的宽度和高度，并区分了普通元素与非普通元素（如window、document）的不同处理方式。对于普通元素，可以通过.css('width')和.width()两种方法获取宽度，但返回的结果有所不同；而对于非普通元素，则只能使用.width()方法。

首先先解释下普通元素和非普通元素，非普通元素是指window，document这些元素对象，普通元素是指除window，document这些非普通元素外的元素，如：div

对于普通的元素，他们的作用相同。
比如
网页上有一个 div 元素：
  <div style="width:200px;height:200px;"></div>
我们可以使用：
  $(function(){
     var width1 = $("div").css("width");
     var width2 = $("div").width();
  })
都可以获取到宽度width。
不过要注意：
.css("width")会带单位，例子中会输出： 200px ；
.width（）则不带单位，输出 200 ；

对于非普通元素，只能使用 .width()
如：
我们想获取 window对象的宽度,我们只能使用$(window).width();输出电脑屏幕的宽度；
使用$(window).css("width"); 输出 undifined

同理，.css("height")和.height()也一样。