javascript - set element width or height using jquery

Question

Lets say I want to assign element's width to itself. For example, I have a div with content and I want to assign style="width:..." it.
Then in jQuery I do:

elem.width(elem.width());

Which looks for me totally wrong since it looks like how can I set the width by getting it..

Is there any better way to do it?

Answer 1

尝试这个

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

Answer 2

如果您有多个具有相同类（但宽度不同）的元素，您可以这样做：

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

有关说明，请参阅文档。

Answer 3

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

$(function() { $("#test").css({ width : '30px', height : '30px' }); });

Answer 4

如果你喜欢这种风格，你可以使用 jQuery 的.css()方法：

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

Answer 5

你可以这样做

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

这有 2 个变化，它现在使用 .width() 和 .height()，以及在 document.ready 事件上运行代码。

如果没有 $(function() { }) 包装器（或 $(document).ready(function() { })，如果您愿意），您的元素可能还不存在，所以 $("#mainTable") 不会找不到任何东西......好吧，做一些事情。