Каков наилучший способ ссылки на элемент через идентификатор в jQuery?

Question

Должен ли я использовать $("#myElement") или $(myElement)?Оба, кажется, работают.

Answer 1

EDIT : $('#myElement') выбирает элемент в DOM, который имеет id из myElement, тогда как $(myElement) ожидает, что идентификатор JavaScript myElement будет DOMElement объектом или string, содержащий селектор.

Answer 2

Вы должны использовать страницу выбора jQuery для справки.

Есть множество селекторов на выбор. Попробуйте каждый. Вот два вопроса, на которые вы ссылаетесь в своем вопросе вместе с двумя другими:

$("#myElement")    // select and element with the ID "myElement"
$(myElement)       // use the variable myElement as your jQuery selector

$(document)        // The selector can also a DOM OBJECT
                   // document, window ...

$("body")          // To select a DOM element use this form

Например, это скроет все абзацы на странице. Поскольку переменная myElement равна "p", $(myElement) выделит все абзацы на странице в объект jQuery.

var myElement = "p";
$(myElement).hide();

Пример jsFiddle

Это предупредит видимую ширину окна:

alert($(window).width());

Это предупредит содержимое DIV с идентификатором myElement

alert($("#myElement").html());

Все это означает, что $("#myElement") выберет то же самое, что и $(myElement), только если переменная myElement равна "#myElement" или функционирует эквивалентным образом.