запись в jq

[cyklop77]

разбирал код слайдера и не смог понять что делает такая запись

            var $controlContainer = $('<ul class="bjqs-controls"></ul>'),
                $next = $('<li><a href="#" class="bjqs-next" class="controls">' + settings.nextText + '</a></li>'),
                $previous = $('<li><a href="#" class="bjqs-prev" class="controls">' + settings.prevText + '</a></li>');

            // Bind click events to the controllers
            $next.click(function (e) {
                e.preventDefault();
                if (!animating) {
                    bjqsGo(forward, false);
                }
            });

здесь интересна только вторая строка. поместил весь кусок кода чтобы не вырывать из контекста

я понимаю что происходит в общих чертах. но интересно все таки знать точно что происходит во второй строке. объясните пожалуйста подробно

Edited July 26, 2012 by cyklop77

[sigma77]

cyklop77,

Создает html-элементы - http://jquery-docs.ru/Core/jQuery/#htmlownerDocument

[cyklop77]

спасибо. меня с толку сбивает то, что непонятно как встраиваются эти элементы в dom. куда конкретно

здесь видно только то, что элемент li создан и привязан к событию. в каком конкретно месте документа он окажется непонятно

[sigma77]

спасибо. меня с толку сбивает то, что непонятно как встраиваются эти элементы в dom. куда конкретно

здесь видно только то, что элемент li создан и привязан к событию. в каком конкретно месте документа он окажется непонятно

Смотри ниже по коду - 109 строка

// Put 'em all together and what do you get? Ding dong. Hotdog
$next.appendTo($controlContainer);
$previous.appendTo($controlContainer);
$controlContainer.appendTo($container);