首先先解釋下普通元素和非普通元素，非普通元素是指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()也一樣。

案例：

var _w = $(this).children('span').css("width");
var _h = $(this).children('span').css("height");
$(this).children('.mask').css({"width":_w,"height":_h});

這是Jquery的一個案例。

轉載于:https://www.cnblogs.com/jshoukun/archive/2011/12/19/2293702.html

總結

以上是生活随笔為你收集整理的jQuery--.css(width)和.width()的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。