jQuery 创建具有属性差异的元素

Question

发现了一些东西，并且正在研究一些关于为什么一种方法有效而另一种方法无效的煽动。看起来只是 IE7 的事情，但作为 IE7，唉，我工作的应用程序仍然需要一些支持。

在 IE7 中的工作方式

var month = jQuery('<input/>');
month.attr('id', 'DOBmonth');
month.attr('title', 'Enter month');
month.attr('type', 'text');
month.attr('size', '1');
month.attr('maxlength', '2');
month.attr('class', 'numbersOnly');
month.attr('value', mm);

这个方法不行

var month = jQuery('<input/>', {
        id: 'DOBmonth',
        title: 'Enter month',
        type: 'text',
        size: 1,
        maxlength: 2,
        class: 'numbersOnly',
        value: mm
        });

任何人都知道为什么只有一种方法在 IE7 中有效，但其中一种方法在 IE8+、FF、Chrome 和 Safari 中都可以。

Answer 1

答案可以在 jQuery() 的 API 中找到函数本身。

Note: Internet Explorer will not allow you to create an input or button element and change its type; you must specify the type using <input type="checkbox" /> for example. A demonstration of this can be seen below:

Unsupported in IE:

$('<input />', {
    type: 'text',
    name: 'test'
}).appendTo("body");

Supported workaround:

$('<input type="text" />').attr({
    name: 'test'
}).appendTo("body");