Что означают эти 3 строчки кода jQuery?

Question

[Олег]

var $list = $('<ul />', {
	'class': 'select__list'
}).insertAfter($styledSelect);

$styledSelect - это просто див с неким классом. Я не пойму, что это за ul в стиле xml и объект в выборке.
В работоспособности кода сомневаться не приходится.

============

Круто, всем спасибо! Я не знал, что такой синтаксис работает как создание элемента.

Comments

[Евгений Вольф]

Подозреваю, что это означает "Вставить пустой , с классом select__list после $styledSelect". Видимо, такой синтаксис в данном контексте или JQuery - допустим.

[Евгений Вольф]

*пустой UL (открывающийся и закрывающийся)
**HTML-теги фильтр скушал...

Answer 1

[Дмитрий Лузанов]

Создается обычный список с классом select__list и вставляется после $styledSelect.

Answer 2

[Stalker_RED]

Это не выборка а создание нового элемента. А в объекте - атрибуты для этого элемента.
Вот более подробный пример с дивом, у которого не только класс, но еще и текст внутри, и даже обработчик клика.

$('<div />', {
        "class": 'test',
        text: "a div",
        click: function(e){
            e.preventDefault();
            alert("test")
        }})

© stackoverflow.com/questions/7833701/how-to-create-...

Т.е. у вас создается новый unordered list с классом select__list и он вставляется в DOM после $styledSelect.