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

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

对于普通的元素 ，他们的作用相同。
比如
网页上有一个 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()也一样。

关注宁波网站建设博客，更多精彩分享，敬请期待！
 

Tags：

转载：感谢您对宁波网站建设博客网站平台的认可，以及对我们原创作品以及技术文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源宁波网站建设博客”。/view/202.html

很赞哦！ ()