如何向元素添加属性?

时间:2014-11-27 14:44:11

标签: javascript jquery jquery-migrate

请记住在jQuery中添加.prop()替换.attr()以获取元素的许多布尔类型属性/属性。 我的问题是如何在以下代码中添加“属性”?

以下一组代码在功能上正在执行我要求它做的事情,但在我的浏览器调试部分中我看到警告“JQMIGRATE:jQuery.fn.attr('selected')可能使用property而不是属性“引用jquery-migrate-1.2.1.js

                    $("<select />",{
                        "class": "align-select",
                        id: "align_select_123"
                    }).append(
                            $("<option />",{
                                value: "left",
                                selected: "selected",
                                html: "Left"
                            }),
                            $("<option />",{
                                value: "right",
                                html: "Right"
                            }),
                            $("<option />",{
                                value: "centre",
                                html: "Centre"
                            }),
                            $("<option />",{
                                value: "justify",
                                html: "Justified"
                            })
                        )

上述警告是指代码的第7行,即选中:“已选择”。让相同的代码处理产生此警告的可能的好方法是什么? 我累了:

$("<option />",{
    value: "left",
    html: "Left",
    selected
})

但它没有用!!

2 个答案:

答案 0 :(得分:3)

虽然我仍然会在此上下文中使用该属性以提高可读性(因为支持应该使用),但设置属性将在另一个调用中:

$("<option />",{
    value: "left",
    html: "Left", 
}).prop('selected', true),

答案 1 :(得分:-1)

你试过这样的吗?

$("<option />", {
    value   : "left",
    selected: "selected",
    html    : "Left"
}