jQuery元素類不再起作用

Question

在使用jQuery的先前版本時，我曾經使用以下語法：

jQuery('<span/>', {className: 'a'};

使用jQuery 1.6.2，將在元素而不是class上創建classname屬性。 因此，我嘗試使用（保留字） class並且class有效，但僅在（最新的）Chrome和Firefox中有效。 IE 7將阻塞保留字。

我在這里想念什么？ （截斷的）腳本如下：

jQuery('<div/>', {
    className: 'wrap'
})
.append(jQuery('<div/>', {
    className: 'button',
    html: jQuery('<a/>', {
        href: function() {
            return '#'
        }(),
        className: 'amaranth',
        html: '<span>View in</span> Site'
    })
}))
.appendTo(that);

Answer 1

您可以使用.addClass() ：

jQuery('<div/>').addClass('test').appendTo('body');

http://jsfiddle.net/userdude/yCzgs/

或內聯添加：

jQuery('<div class="test2"/>').appendTo('body');

http://jsfiddle.net/userdude/yCzgs/1/

Answer 2

您可以只在關鍵字class周圍加上引號，因為它反過來更有效