To answer the question, you don’t have an element to appendTo anything, as you’re missing characters (in your case it’s an opening angle bracket <). This $(‘div/>’,{}); needs to be $(‘<div/>’,{}); to create an element, otherwise it does exactly what you say it does – nothing! Otherwise you seem to have the order of things … Read more
The first option gives you more flexibilty: var $div = $(“<div>”, {id: “foo”, “class”: “a”}); $div.click(function(){ /* … */ }); $(“#box”).append($div); And of course .html(‘*’) overrides the content while .append(‘*’) doesn’t, but I guess, this wasn’t your question. Another good practice is prefixing your jQuery variables with $: Is there any specific reason behind using … Read more
This would do it: $(“#header ul”).append(‘<li><a href=”https://stackoverflow.com/user/messages”><span class=”tab”>Message Center</span></a></li>’); Two things: You can just append the <li> to the <ul> itself. You need to use the opposite type of quotes than what you’re using in your HTML. So since you’re using double quotes in your attributes, surround the code with single quotes.
As of jQuery 1.4 you can pass attributes to a self-closed element like so: jQuery(‘<div>’, { id: ‘some-id’, class: ‘some-class some-other-class’, title: ‘now this div has a title!’ }).appendTo(‘#mySelector’); Here it is in the Docs Examples can be found at jQuery 1.4 Released: The 15 New Features you Must Know .