Класс элемента jQuery больше не работает

Question

Я использовал следующий синтаксис при использовании (предыдущих версий) jQuery:

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

При использовании jQuery 1.6.2 то же самое создаст атрибут 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, которое в любом случае является более правильным JSON