JQuery different methods for adding classes

Question

I have seen a few different methods for adding classes to dynamically created elements using JQuery.

I'm most familiar with

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

however I have seen a lot of

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

When I test out the second method in a Fiddle I can see both class1 and class2 are applied.

however, when applied to what 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");

David Wick · Accepted Answer · 2011-09-13 17:18:56Z

1

you can't mix and match.

try:

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

answered Sep 13, 2011 at 17:18

David Wick

7,1152 gold badges38 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jose Adrian · Accepted Answer · 2011-09-13 17:19:28Z

0

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

Doesn't work because there is an attribute on the element you are creating.

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

answered Sep 13, 2011 at 17:19

Jose Adrian

1,2371 gold badge17 silver badges32 bronze badges

Collectives™ on Stack Overflow

JQuery different methods for adding classes

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related