Как найти в HTML-документе элемент по его ID?

Поиск по идентификатору в jQuery является одним из наиболее быстрых, так как используется стандартный метод JavaScript — document.getElementById().

Чтобы найти в дереве DOM элемент с нужным ID достаточно указать только этот нужный идентификатор:

$("#page-title")

НЕ нужно указывать два идентификатора в одном селекторе jQuery (это касается и таблиц стилей CSS):

$("#page #page-title")

Это только замедляет поиск элемента, так как сначала ищется элемент с ID = page, и только после этого внутри этого элемента производится поиск элемента с ID = page-title. Кроме того по спецификации HTML в документе каждый идентификатор должен быть уникальным.

Примеры поиска элемента по ID

Задача: Скрыть элемент с конкретным идентификатором.

$("#login-form").hide();

Задача: Удалить полностью из документа (дерева DOM) элемент с известным идентификатором.

$("previous-comment").remove();

Задача: Выделить элемент с нужным идентификатором жирным шрифтом и другим цветом.

$("#highlighted").css({fontWeight: "bold", color: "#f80"});

Элемент с идентификатором highlighted будет выделен жирным шрифтом и оранжевым цветом.