javascript - 使用属性 Jquery

Question

我有一种情况

我正在将一个按钮附加到一个具有宽度的 div

  $('#main').append('<button id="hello" type="button" style="width:100px">Click Me!</button>');

我正在尝试更改宽度但是没有任何反应

$("#main").prop({ width: '300px'});

我试过使用 .css 、 .attr 和 .width 来尝试改变宽度，但是同样的问题一直在发生。即使在谷歌搜索之后，我仍然不确定为什么会发生这种情况，如果有人可以提供帮助，那就太好了。

score 2 · Accepted Answer

如果您尝试设置按钮的宽度，则必须选择按钮，而不是 div。

$('#hello').width(300);

如果您的目标是在 ing 之后立即设置宽度.append()，则最好从正确的宽度开始：

$('#main').append($('<button/>', {
    id: 'hello',
    text: 'Click Me!',
    width: 300
}));

继续阅读.width()：http ://api.jquery.com/width/#width2 （是的，jQuery API 文档现在已经下架。）

score 0 · Accepted Answer

您正在更改持有它的元素的宽度，您不想更改按钮的宽度吗？jQuery 也有一个 width 方法。

$("#hello").width(300);
//or
$("#main").find("button").width(300);

score 0 · Accepted Answer

您是要更改#maindiv 还是#hello按钮？

分区：

$("#main").css('width', '300px');

按钮：

$("#hello").css('width', '300px');

我知道您说过您使用了 .css 方法，但它应该可以工作。如果它仍然不起作用，您可以在 jsfiddle 中放置一个示例，以便我们看得更清楚。

3 回答 3