jQuery .css("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()也一样。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。