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

1.处理方法：

第一种情况是宽度和高度写在样式表中，如#div1{width:120px;}。
这种情况下，无法通过#div1.style.width获取宽度，但可以通过#div1.offsetWidth获取宽度。

第二种情况是宽度和高度内联写入，如style="width:120px;"。

2.总结：

由于id.offsetWidth和id.offsetHeight与样式是写在样式表中还是内联中无关，所以当我们获取宽度和高度属性时最好同时使用这两个属性。
注意，如果属性不是内联样式写的，则无法通过id.style.atrr获取。

3.代码：

varo=document.getElementById("view");varh=o.offsetHeight;//高度varw=o.offsetWidth;//宽度

jQuery通过鼠标摇拽改变div的大小

作为一个前端人，我不得不告诉你，很多前端效果都是用外表来骗人的。
为了获得想要的效果，您需要执行以下操作：①创建三个用于拖动的标签（右侧、底部和右下角）。
默认情况下，它根据原始DIV定义其大小和位置。
当您放下鼠标时，鼠标会发生变化。
单击并拖动鼠标一次。
②拖动过程中，原div的大小会实时变化，相关拖动标签的大小和位置也会同时变化。
③使用jQueryUI核心库进行拖放操作。