JQuery 添加类的不同方法

Question

我见过一些使用 JQuery 将类添加到动态创建的元素的不同方法。

我最熟悉

$("<div />").addClass("class1 class2");

但是我见过很多

$("<div />", {
  class : "class1 class2"
});

当我在 Fiddle< 中测试第二种方法时/a> 我可以看到 class1 和 class2 都已应用。

然而，当应用于我正在做的事情时

// this does not work
var b = $("<div id='tweetBox' />", {
    class : "triangle-right right"
});

// this works
var b = $("<div id='tweetBox' />").addClass("triangle-right right");

Answer 1

你不能混合搭配。

尝试：

var b = $("<div />", {
    id: "tweetBox",
    class : "triangle-right right"
});

Answer 2

// this does not work
var b = $("<div id='tweetBox' />", {
    class : "triangle-right right"
});

不起作用，因为您正在创建的元素上有一个属性。

This will work
var b = $("<div />", {
    id: 'tweetBox',
    class : "triangle-right right"
});