jQuery для чайников | Начальные сведения | Простой слайдер

банковские карты

Банковские карты

Оплатите покупку в интернет-магазине банковскими картами VISA и Mastercard любого банка.

узнать больше

электронный кошелек

Электронный кошелек

Моментальная оплата покупок с помощью вашего электронного кошелька RBK Money.

узнать больше

банковский платеж

Банковский платеж

Оплатите покупку в любом российском банке. Срок зачисления средств на счет — 3-5 рабочих дней.

узнать больше

денежные переводы

Денежные переводы

Оплата покупок через крупнейшие системы денежных переводов CONTACT и Unistream.

узнать больше

почтовые переводы

Почтовые переводы

Оплатите покупку в любом отделении Почты России. Срок зачисления платежа — 3-4 рабочих дня.

узнать больше

платежные терминалы

Платежные терминалы

Оплата покупок в терминалах крупнейших платежных систем в любом городе России — быстро и без комиссии.

узнать больше

В jQuery нет отдельной функции для получения id элемента, но она там совершенно не нужна, поскольку это можно сделать очень просто и другими путями.

Первый из них — использовать функцию attr. Как известно, эта функция получает атрибут элемента, а id это по сути обычный атрибут. Указатель $(this) будет ссылаться на тот элемент, по которому произведен клик:

Но можно пойти и немного другим путём, по сути выполнить то же самое, только использовать не указатель $(this) объекта jQuery, а другой указатель this, который будет указывать не на объект типа jQuery, а на DOM-аналог этого объекта. Если я Вас запутал, почитайте вопрос об разнице между $(this) и this.

А ещё можно это сделать через объект event, в котором также будет хранится ссылка на «кликнутый» элемент:

$(document).ready(function() { $(".square").click(function(event) { console.log(event.target.id); }); });

Но вообще-то надобность получить id элемента на jQuery при обработке события на практике возникает редко, так как можно в этом случае все действия с нужным элементом выполнять через $(this).

Материал из JQuery

Перейти к: навигация, поиск

<< Селекторы

#idName1.0

Соответствует элементу с идентификатором idName. Селектор по идентификатору является одним из наиболее востребованных средств jQuery.

Примеры использования:

$(‘#someId’) возвратит элемент (один) с идентификатором someId.

$(‘#someId div’) вернет все div-элементы, находящиеся внутри элемента с идентификатором someId.

Для поиска элемента по идентификатору jQuery использует нативную javascript функцию , из за этого поиск выполняется очень быстро. Но если вы усложните селектор, например так , jQuery будет выполнять дополнительную проверку типа найденного элемента, что в большинстве случае не нужно и существенно замедляет выполнение поиска.

В действии

Отметим красной рамкой элемент с идентификатором luna:

~lt~!DOCTYPE html~gt~ ~lt~html~gt~ ~lt~head~gt~ ~lt~script src=»https://rpilot62.ru/wp-content/uploads/2018/06/63061.jpg»~gt~~lt~/script~gt~ ~lt~style~gt~ div, span { display: block; width: 50px; height: 50px; float: left; padding: 15px; margin: 5px; background-color: #EEEEEE; font-size: 20pt; } ~lt~/style~gt~ ~lt~/head~gt~ ~lt~body~gt~ ~lt~div id=»luna»~gt~ 1 ~lt~/div~gt~ ~lt~div~gt~ 2 ~lt~/div~gt~ ~lt~span id=»luna»~gt~ 3 ~lt~/span~gt~ ~lt~div id=»ne-luna»~gt~ 4 ~lt~/div~gt~ ~lt~script~gt~ $(‘#luna’) .css(‘border’,’3px solid red’); ~lt~/script~gt~ ~lt~/body~gt~ ~lt~/html~gt~

Замечание: В данном примере, идентификатор luna имеют два элемента. Однако считается, что идентификаторы должны быть уникальны на странице, поэтому, найдя первый элемент с требуемым id, jQuery прекращает поиск и возвращает только его.

См. также

Ссылки

Добавить комментарий

Закрыть меню