使用Attr Jquery

Question

我处于某种情况

我将一个按钮附加到div，其宽度为

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

我正在尝试改变宽度，但没有任何反应

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

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

Answer 1

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

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

（Demo 1）

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

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

（Demo 2）

---

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

Answer 2

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

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

Answer 3

您是否尝试更改#main div或#hello按钮？

DIV：

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

按钮：

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

我知道你说你使用过.css方法，但它应该有用。如果它仍然不起作用，你可以在jsfiddle中设置一个例子，这样我们就能看得更清楚。