使用jquery设置元素宽度或高度

Question

让我说我想为自己分配元素的宽度。例如，我有一个包含内容的div，我想分配style="width:..."它 然后在jQuery中我做：

elem.width(elem.width());

这对我来说完全错了，因为它看起来如何通过获取它来设置宽度..

有没有更好的方法呢？

Answer 1

试试这个

document.getElementById('divName').style.width = '10px';

Answer 2

你可以这样做

$(function() {
  $("#mainTable").width(100).height(200);
});

这有2个更改，它现在使用.width（）和.height（），以及在document.ready事件上运行代码。

如果您愿意，不使用$（function（）{}）包装器（或$（document）.ready（function（）{}），您的元素可能还没有出现，所以$（“＃mainTable”）只是找不到任何东西......好吧，做些什么。

Answer 3

最好按照以下方式使用JQuery添加CSS：

$（function（）{  $（ “＃测试”）。CSS（{    宽度：'30px'，    身高：'30px'  }）; }）;

Answer 4

如果您更喜欢该样式，可以使用jQuery的.css()方法：

$('.element').css('width', $('.element').width());

Answer 5

如果您有多个具有相同类别（但宽度不同）的元素，则可以执行此操作：

$('.yourClass').width( function(id, width) {
    return width;
});

请参阅the docs了解相关信息。