jQuery元素类不再工作了

时间:2011-09-05 17:23:00

标签: javascript jquery dom

在使用(以前版本的)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);

2 个答案:

答案 0 :(得分:2)

您可以使用.addClass()

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

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

或者内联添加:

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

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

答案 1 :(得分:1)

您可以在关键字class周围加上引号,无论如何都是更有效的JSON