Изменение Dom до JQuery

Question

Привет, мне просто интересно, сможет ли кто-нибудь помочь мне найти эквивалентную функцию для значений dom, чтобы преобразовать ее в JQuery.

Если у меня есть код в формате DOM:

var x = document.querySelector('#x'); 

что дало бы мне такое же значение обратно, но в Jquery форме?

Другой пример, который у меня был бы для прослушивателей событий. Как я возьму этот пример и преобразую его в Jquery, чтобы они работали рука об руку и не имели признаков DOM.

например:

function onmouseup(ev) { 
    ev.preventDefault(); 
    //random code 
    } 
c.addEventListener('mouseup', onmouseup, false); 

любая помощь будет здорово!

Answer 1

Для jQuery вы можете написать.

var x = $('#x'); 

x.mouseup(function(e) { 
    e.preventDefault(); 


}); 

Узнайте все о JQuery селекторы: http://api.jquery.com/category/selectors/

Вот ссылка на JSFiddle http://jsfiddle.net/6ZBx7/ показывает очень основное использование. Вы заметите, если вы введете коробку и нажмите кнопку, текст будет скопирован в текстовое поле. Для демонстрационных целей также добавлен другой обработчик событий mousedown, который очищает текстовое поле. Это показано, используя разные обработчики одного элемента с помощью селекторов.

Обратите внимание, что идентификаторы не содержат «#» в Html. Селектор «#» сообщает jquery, чтобы найти все элементы, соответствующие ID. Аналогичным образом вы можете использовать '.' селектор (т.е. .myClass), чтобы найти все элементы, имеющие определенный класс.

Answer 2

Первый один:

var x = $('#x') 

(Обратите внимание на то, что результат не совсем то же самое, $ (...) Retuns объекты JQuery, которые обернуты вокруг объектов DOM

Второй один.:

function onmouseup(ev) { 
    ev.preventDefault(); 
    //random code 
} 
c.on ("mouseup", onmouseup); 

(Обратите внимание, что с, здесь должен быть объект JQuery, а не купол узел. для того, чтобы создать один из узла DOM, используйте var jQUeryWrapped = $(plainDomNode).