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

Using jQuery to add an image tag - How do I include a class name?

本文关键字:何包含 jQuery 添加 图像 使用      更新时间:2023-09-26

我正试图通过以下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中,我收到一个设计时警告,说我正在使用一个未来保留字,这是添加类的正确方式吗?

根据jQuery文档,因为class是一个保留字,所以需要引用它。

除非它们是保留字(在这种情况下为CCD_ 2)。

因此:

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

是的,class在ECMAScript标准的早期版本中是保留字,但您可以/可以将该字用作IdentifierName(与Identifiers,例如变量),即使用不带引号的"class"作为属性名在所有支持ECMAScript5版本的浏览器中都有效。如果支持旧浏览器(例如IE8)很重要,您可以用引号将属性名称括起来,否则您可以忽略警告。

由于class是一个对象键,所以它是一个保留字并不重要。您可以将它放在引号中以删除Visual Studio的警告。