jquery - 如何使用属性对象为元素 <input> 设置 'size' 属性？

Question

我是一名 jQuery 初学者，遇到了在页面上创建新元素的方法之一。我能够很好地创建元素。然而，其中一个属性(大小)默认为 20，尽管我明确指出它应该更大。这是 jQuery 的错误，还是我遗漏了什么？属性对象中的其他属性(类型、自动对焦)工作正常。

我使用的代码是这样的:

$('<input>', {
  'type' : 'text',
  'size' : 50,
  'autofocus' : 'true'
});

我没有任何 CSS 文件。

当我使用 attr() 方法时，我可以设置大小。但我想知道我并不是唯一一个无法使用属性对象设置元素的大小属性的人。我正在使用 jQuery 1.9.1。

任何答案都将不胜感激。

Answer 1

使用.prop()函数:

$('<input>', {
  'type' : 'text',
  'autofocus' : 'true'
}).prop('size','50');

或者这个语法:

$('<input>', {
   'type': 'text',
    prop: {
        size: "50"
    },
   'autofocus': 'true'
})

<强> jsFiddle example

这是old bug report何时发现以及解释为什么他们没有重新启用旧功能。