making jquery object from variable does not fully work

Question

I'm pretty new to jquery and I encountered a problem. I use $() to make a variable a jquery object. But somehow, it does not fully work as expected (I'd expect it can access to all jquery methods for that object). Here is what I did:

$(function() {
    var form = "<div id='menu-box'></div>";
    $(form).appendTo('body').css({'backgroundColor': 'blue'});  // this line works
    $(form).css({'backgroundColor': 'red'});  // this line does not.

});

I'm using jquery-1.9.1, is it a bug or I did something wrong.

Jon · Accepted Answer · 2014-03-19 21:29:09Z

2

Each time you write $(form), a new jQuery object is constructed that wraps the newly-created <div>. The second time this happens, you are operating on an element that has not been inserted into the DOM.

Consolidate the two usages instead to get the desired result (although of course this does not make sense for "real" code):

var $form = $("<div id='menu-box'></div>");
$form.appendTo('body').css({'backgroundColor': 'blue'});
$form.css({'backgroundColor': 'red'});

answered Mar 19, 2014 at 21:29

Jon

439k85 gold badges756 silver badges820 bronze badges

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

Collectives™ on Stack Overflow

making jquery object from variable does not fully work

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related