Преобразование кода выбора элемента DOM в jQuery

Question

У меня есть большая кодовая база Javascript для преобразования в jQuery. Код структурирован таким образом, что элементы DOM создаются в Javascript (с использованием библиотеки DomBuilder) и сохраняются в переменных, если они понадобятся позже, перед добавлением в DOM.

Например.

var inputs =
{
    submitConfirm: INPUT({type: 'button', value: 'Submit'}),
    submitCancel : INPUT({type: 'button', value: 'Cancel'})
};

document.appendChild(inputs.submitConfirm);

Потом, например, ...

inputs.submitCancel.style.display = 'none';
inputs.submitCancel.addEventListener('click', onClickSubmitCancel, false);

Моя проблема в том, что в jQuery отсутствует способ манипулирования элементами DOM напрямую, вместо того, чтобы сначала выбирать их (например, с помощью $ ('# submitCancel').

Может ли кто-нибудь предложить способ прямого перевода последних двух строк Javascript, приведенных выше, для использования jQuery, учитывая, что элементы DOM уже доступны, и поэтому их не нужно выбирать?

Answer 1

$(inputs.submitCancel).css('display', 'none');

и

$(inputs.submitCancel).bind('click', onClickSubmitCancel);

См. http://api.jquery.com/jQuery/, чтобы узнать, что принимает jQuery.

Answer 2

Любой элемент DOM может быть легко помещен в объект jQuery:

var myObject = $(domElement)

С myObject вы можете использовать методы jQuery.

Answer 3

Используйте $(elementVar), чтобы получить объект jQuery, содержащий элемент DOM. Для примера, который вы дали:

$(inputs.submitCancel).hide().click(onClickSubmitCancel);