Question

jQuery获取HTML元素“div”的宽度：$("div").width()

前两天写网页的时候，我想获取HTML页面中“div”元素的宽度，原来我以为是：$("div").width；但是查了一下发现不对，是$("div").width()，而width正是div中style属性中的一项，那么$("div").style.width不可以么？
并且，$("div").width()这样做有什么依据么？就是说是因为用了jQuery之后有了width()方法还是原来的就有？
那么是不是我想获取style属性中的某一项内容都可以用这种类似的方法？
我想修改style属性中的某一项呢？

Answer 1

一、途径：

第一种情况就是宽高都写在样式表里，就比如#div1{width:120px;}。这中情况通过#div1.style.width拿不到宽度，而通过#div1.offsetWidth才可以获取到宽度。

第二种情况就是宽和高是写在行内中，比如style="width:120px;"，这中情况通过上述2个方法都能拿到宽度。

二、小结：

因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内，所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过id.style.atrr来获取。

三、代码：

var o = document.getElementById("view");
var h = o.offsetHeight; //高度
var w = o.offsetWidth; //宽度

参考资料

js获取Html元素的实际宽度高度的方法.脚本之家[引用时间2017-12-29]

Answer 2

$("div").width()是jquery自己的方法，不能使用$("div").style.width。使用$("div").css('width')

Answer 3

这是一个奇妙的世界