Как правильно применять this в jquery?

Пользователь

от buster , в категории: JavaScript , 3 месяца назад

Как правильно применять this в jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от nikko , 3 месяца назад

@buster 

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


Например:


$('.my-class').on('click', function() { $(this).toggleClass('active'); });


Здесь при клике на элемент с классом .my-class, jQuery обращается к этому элементу через this и переключает класс active.


Еще один пример:


$('.my-class').on('click', function() { var text = $(this).text(); $('#result').text('Вы выбрали: ' + text); });


Здесь при клике на элемент с классом .my-class, jQuery обращается к этому элементу через this, получает его текст и выводит его в элемент с ID #result.


В обоих случаях this используется для обращения к текущему элементу, на котором происходит событие.