jQuery 创建元素 - 另一个 .attr() 与 .prop() 问题

Question

可能的重复：
.prop() 与 .attr()

鉴于新的 .prop() jQuery 方法，这是创建的首选方法具有特定字段的新元素，例如链接：

1. $('').prop('href', '...');
2. $('; ').attr('href', '...');
3. $('');

我一直倾向于使用#2，但不清楚放入 DOM 中的新元素现在是否不应该使用#1。

Answer 1

在这种情况下我会选择attr()。您正在创建一个新的 元素并设置其 href HTML 属性，因此强调这一点是有意义的。

但是，由于 href 属性直接映射到 href DOM 属性，因此使用 prop() 将获得完全相同的结果。

让我们举另一个例子，与 attr() 和 prop() 之间的差异更相关：假设您要设置 元素而不是其 href。您问题中的示例代码变为：

1. $('').prop('className', '...');
2. $('') .attr('class', '...');
3. $('');

恕我直言，(2) 和 ( 3）使自己的意图比（1）更清楚。事实上，不能有名为 class 的 DOM 属性，因为该标记可能是宿主语言中的保留字，这充其量只是一个实现细节。 class HTML 属性通常是我们在该上下文中考虑的内容。

当然，在某些情况下，情况恰恰相反，例如使用“布尔”HTML 属性（例如 checked 或 disabled）时。在这种情况下，设置强类型 DOM 属性而不是创建定义不太明确的 HTML 属性会更加稳健。

Answer 2

我通常会像这样创建 a 标签：

$('<a>', {href: '...'});

在开头向元素添加尽可能多的属性。 （是的属性，而不是属性）

因此您可以对输入之类的项目执行相同的操作：

      $('<input>',{
                name: 'some_name',
                id: 'some_id',
                value: item_value,
                readonly: 'true',
                style: 'background: #eee;',
                size: 15
            });

或实际的div：

      $('<div>',{
                id: 'some_id',
                text: 'this will be inside the div'
            });

这是一个小提琴示例：http://jsfiddle.net/maniator/mbjgd/

编辑
从我下面的评论来看：

这样做的原因是因为当您创建项目时，您是通过设置它的属性来创建它的，稍后当这些属性被诸如 javascript 之类的东西更改时就变得毫无意义，所以此时您必须使用对象的属性以获得您可能正在寻找的真正解决方案。