Question

我正在尝试通过以下jQuery添加img标记：

var parentElement = $("#sidebar");

    var img1 = $('<img />', { 
        id: 'headerImageLeft',
        src: '/Images/Header/FGM.jpg',
        class: 'img-responsive',
        style: 'float: left;',
        width: 80,
        alt: ''
    });
    img1.appendTo(parentElement);

虽然这似乎工作正常，但我不确定这是添加类的正确方法。在Visual Studio 2013中，我收到设计时警告，说我正在使用未来的保留字，这是添加类的正确方法吗？

Answer 1

根据jQuery docs，由于class是reserved word，因此需要引用它。

除非另有说明，否则通常不需要引用属性名称它们是reserved words（在这种情况下为class）。

所以：

var img1 = $('<img />', { 
    id: 'headerImageLeft',
    src: '/Images/Header/FGM.jpg',
    "class": 'img-responsive',
    style: 'float: left;',
    width: 80,
    alt: ''
});

Answer 2

由于class是一个对象密钥，因此它的保留字并不重要。您可以将其放在引号内以删除Visual Studio的警告。

Answer 3

是的，class 是以前版本的ECMAScript标准中的保留字，但您可以/可以将该字用作IdentifierName（vs标识符，例如变量），即使用“ “没有引号作为属性名称的类将适用于支持ECMAScript版本5的所有浏览器。如果支持石头老化的浏览器（例如IE8）很重要，你可以用引号包装属性名称，否则你可以忽略警告。

使用jQuery添加图像标记 - 如何包含类名？

3 个答案: