Почему использование '<div />' в качестве объекта в методе диалогового окна UI JQuery работает?

Question

Почему использование '<div />' в качестве объекта в методе диалогового окна UI JQuery работает?

0

Рассмотрим следующий код, который создает диалоговое окно JQuery UI:

    function showBox()  {
      $('<div />').html('This is my dialog').dialog({
         buttons: {
           'Okay': function(){
              $(this).dialog('close');
           },
          'Return': function(){ 
              $(this).dialog('close'); 
           }
         },
         close: function(){ $(this).dialog('destroy').remove(); },
         modal: true,
         title: 'My Dialog Title',
         width: 350
       });
    }

И простая ссылка в теле страницы HTML:

<a href="#" onClick="showBox()">Click to open a box</a>

Код отлично работает, чтобы запустить диалоговое окно JQuery UI.

Мой вопрос: почему использование <div/> качестве параметра $() фактически создает рабочую рамку?

Я всегда использовал <div></div> как мой параметр $() для диалогов. В HTML div - это элементы уровня блока, для которых нужен тег открытия и закрытия, поэтому почему используется только <div/> допустимый параметр?

Trav 13 дек. 2013, в 18:02

Источник

2

Вы также можете использовать $('<div>')
Tim Seguine 13 дек. 2013, в 16:56
0

@Tim Интересно. Знаете ли вы, почему это работает без необходимости закрывать тег?
Trav 13 дек. 2013, в 16:57
1

он не ожидает, что он будет действительным HTML. Нужно только знать, какой тег вы хотите.
Tim Seguine 13 дек. 2013, в 16:57
1

потому что это дух jquery ...
A. Wolff 13 дек. 2013, в 16:58

Показать ещё 2 комментария

Теги:

javascript

jquery

jquery-ui

2 ответа

0

В простых случаях, например, этот jquery анализирует пропущенную строку сам по себе и не различает элементы, которым нужны открытые/закрытые теги и элементы, которые им не нужны.

pvgoran 13 дек. 2013, в 15:09

Ещё вопросы

Вы также можете использовать $('<div>')
@Tim Интересно. Знаете ли вы, почему это работает без необходимости закрывать тег?
он не ожидает, что он будет действительным HTML. Нужно только знать, какой тег вы хотите.

j08691 · Accepted Answer · 2013-12-13T14-35-00.000Z

Потому что как JQuery был разработан для работы:

В большинстве случаев jQuery создает новый элемент и устанавливает свойство innerHTML элемента в фрагмент HTML, который был передан. Когда параметр имеет один тег (с дополнительным закрывающим тегом или быстрым закрытием) - $( "<img/>" ) или $( "<img>" ), $( "<a></a>" ) или $( "<a>" ) - jQuery создает элемент с использованием встроенной функции JavaScript createElement().

Поэтому при создании элемента в jQuery все они эквивалентны:

<div></div>
<div/>
<div>