Какие значения могут быть во втором параметре функции $?

Question

[Евгений Кульбеда]

Для создания элементов решил использовать Jquery, вместо того чтобы писать весь код самим.
Какие вообще значения могут быть $('<div>',{тут})?
Имеется виду в функции $( html, attributes ), какие ключи может иметь обьект attributes.
Желательно обьект в полном виде

Answer 1

[Stalker_RED]

Любые атрибуты

$('body').append(
  $('<input>', {
    class: 'myClass',
    id: 'myId',
    name: 'myName',
    value: 'test',
    style: 'outline: dashed 2px red'
  })
)

https://jsfiddle.net/9w4y79wh/

UPD: оказывается, не только атрибуты https://jsfiddle.net/9w4y79wh/1/

И да, как и говорил Алексей Ярков, это действительно описано в документации api.jquery.com/jQuery/#jQuery-html-attributes

Comments

[Иван]

Я бы просто уточнил, что это html-атрибуты)

[Евгений Кульбеда]

Да, все верно, но не только, видел когда-то ключ append, он не является атрибутом, он вставляет элемент. Вот мне стало интересно какие еще могут быть ключи. Поиск ничего толкового не дал

[Евгений Кульбеда]

Еще есть ключ on, который устанавливает обьекту обработчики события события

[Stalker_RED]

Евгений Кульбеда: Если очень интересно, можно посмотреть исходники и выяснить. Но не очень понятно зачем. Довольно редкая фича, имхо.

[Евгений Кульбеда]

Stalker_RED: А чем бы вы пользовались для создания элеменов?

[Stalker_RED]

Евгений Кульбеда: Cамый быстрый способ создания элементов - строка в innerHTML

Как-то так: document.body.innerHTML += ''

А если вам нужно создавать какие-то большие и сложные куски html, то почему вы делает это при помощи jquery а не при помощи какого-то шаблонизатора? Или можно заранее разместить скрытые блоки html на странице и клонировать их по мере надобности.

Вот из реального проекта:

$('.video-data-edit').on('click', '#video-add-btn', function(){
        $(this).before( $('#video-add-template').html() )
    })

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

[Алексей Ярков]

Stalker_RED: +1

[Евгений Кульбеда]

Stalker_RED: Да, это было бы хорошо для статичного проекта, а для развивающегося не очень выгодно

[Евгений Кульбеда]

Нашел, вот после этого примера стало интересно что может быть вторым аргументом
jsfiddle.net/riberk/qHpAu/1

Answer 2

[Степан Крапивин]

Читайте документацию https://jquery-docs.ru/jQuery/#jQuery1

Comments

[Евгений Кульбеда]

Тут не описано что имено может быть тут

[Степан Крапивин]

Вот это "не описано"?
jQuery( selector [, context ] ),
jQuery( element ),
jQuery( elementArray ),
jQuery( object ),
jQuery( selection )

[Евгений Кульбеда]

Вы не поняли мой вопрос, мой вариант - jQuery( html, attributes ), вот я и ищю полный список значений которые могут быть в обьекте attributes

[Степан Крапивин]

ну так в доках и написано ЧТО там может быть.
jQuery( selector [, context ] )
и в блоке под этой строкой, ссылка на страницу где описано ЧТО такое context. Переходим на эти страницы и читаем.

[Stalker_RED]

Степан: Вы сейчас про поиск элементов и контекст. А он про создание.