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

假设我想将元素的宽度指定给它自己。例如，我有一个包含内容的div，我想分配它。

style=“width:…”

然后在jQuery中，我执行以下操作：

elem.width(elem.width());

这对我来说是完全错误的，因为看起来我如何通过得到它来设置宽度

有更好的方法吗？

你可以这样做

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

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

---

如果没有$（function（）{}）包装器（或者$（document）.ready（function（）{}，如果您愿意的话），您的元素可能还没有出现，所以$（“#mainTable”）就找不到任何东西可以……嗯，做一些事情吧。

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

$（函数（）{ $（“#测试”）.css({ 宽度：“30px”， 高度：“30px” });

---

});

如果您喜欢该样式，可以使用jQuery的方法：

试试这个

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

---

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

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

---

请参阅以获取解释。

为什么要或需要这样做？对我来说，这看起来很好，因为在jQuery中获取和设置的方式不同。虽然获取宽度主要是计算出来的，但在设置时——它是用样式显式设置的。你想用jQuery还是Javascript…？@Prasath K:我不在乎。jQuery是JavaScript。当您不传递参数来设置宽度时，除了返回已设置的宽度，还有什么其他方法？100和200是静态的，但您需要放置动态变量。我不是在问如何操作。我在问这是否是正确的方法，这是否是错误的。您要求的是更好的方法，因为这里有很多答案/评论告诉您，您目前所做的事情没有错，我只是给了您另一个示例，涵盖您可能尚未考虑的情况，例如设置多个的

style=“width:…”

，不同大小的元素具有相同的选择器。我不是在问如何做某事。我问的是这是否正确，这是否错误，我不是问如何做某事。我在问，这是不是正确的方法，这是不是错误的。

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