jQuery html injection from list without wrapping

I'm following quide in http://api.jquery.com/jQuery.getJSON/ and everything is great e开发者_运维百科xcept I'm puzzled about injection part.

It's hard for me to understand what this exactly does:

$('<ul/>', {
    'class': 'my-new-list',
    html: items.join('')
}).appendTo('body');

Well appendTo() is clear. But how it makes html out of JS array and how to remove wrapping? Can this be translated to group of simple commands?

That could be rewritten like so:

 var element = $('<ul/>');
 element.addClass('my-new-list').html(items.join(''));
 element.appendTo('body');

It's just creating a new element with the specified values and properties.

From this link, it is the jQuery( html,props ) overload.

This creates new <ul>, with class my-new-list and joins items variable. After that, it is all appended to body. It could be like

var ul = $('<ul/>')
ul.addClass('my-new-list');
ul.html(items.join(''));
ul.appendTo(body);

var elem = $('<ul/>');          //var elem = document.createElement("ul");
elem.addClass('my-new-list');   //elem.className = 'my-new-list';
elem.html(items.join(''));      //elem.innerHTML = items.join('');
elem.appendTo('body');          //document.body.append(elm);