Question

我已经看到了一些使用JQuery向动态创建的元素添加类的不同方法。

我最熟悉

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

但是我看到了很多

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

当我在Fiddle中测试第二种方法时，我可以看到class1和class2都被应用了。

但是，当应用于i'm working on

时

// 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"
});

JQuery添加类的不同方法

2 个答案: