Уроки jQuery / Подключаем событие click, определяем элемент по которому нажали и координаты мыши
Привет друзья! Сейчас я вам скажу, как подключить событие click к элементам на вашем сайте, то есть вы сможете сделать так, чтобы при клике мышкой на любом элементе на вашем сайте будет возникать обработка этого события, куда вы можете, например, вставить ваш код, который будет что-то делать еще дополнительно на сайте. Мы подключим событие click с помощью jQuery. 😊
Если вы будете при вызове события click, в функцию передавать event, то тогда вы сможете обращаться к этому событию и считывать оттуда например, такие данные как положение - координаты мышки на экране при клике или название элемента на котором был произведен этот клик и т.д.
✅ Вот пример кода на jQuery для подключения события click ко всем картинкам – тегам IMG - на сайте:
$(’img’).click(function(event){
alert(“Нажали на “ “:“ “ координаты: “ “,“ );
});
❗ Не забывайте подключить jQuery сначала к сайту – перед закрывающим тегом BODY, а потом после подключения уже размещайте ваш код для работы с jQuery после этого подключения.
Ставь лайк, если тебе понравилось видео 👍
►► Подписывайся на наш канал:
Рекомендую посмотреть вот эти видео ►
★ [Подключение и Удаление элементов со страницы]
★ [Подключение к сайту и активация события на кнопке]
★ [Как подключить jQuery и вывести значения по id и классу]
★ [Как с помощью jQuery вывести значение на экран]
Где нас можно найти ►
--------------------------------------------
Вступай в группу Вк - 🚀
Группа FaceBook -
Инстаграм Wiseplat:
Instagram:
Twitter -
Популярные плейлисты ►
--------------------------------------------
● Уроки программирования для детей по Scratch
● Уроки программирования для детей и подростков на Python
● Уроки HTML/CSS. Учим быстро и эффективно!
● Уроки JavaScript. Изучаем основы языка и практикуемся сразу.
● Уроки jQuery. Для начинающих, с нуля
● Уроки Bootstrap для начинающих, с нуля учимся сразу делать классно!
● Компьютерное железо. Лайфхаки. Обзоры. Ноу-хау. Инструкции. Рекомендации.
► Уроки на сайте Wiseplat:
--------------------------------------------
✔ Сообщество программистов:
✔ Дополнительное описание, домашние задания и многое другое можно найти на сайте WISEPLAT:
********************************
❤ Если Вам понравилась публикация, подписывайтесь на канал!
👍 Ставьте лайки, тогда будем еще создавать такой контент :)
✉ Если есть вопросы или пожелания, то пишите, в комментариях.
********************************
- Уроки от #OlegShpagin 👨🏼💻
#урокиjquery #урокиhtml #урокиcss
1 view
186
45
7 years ago 00:10:04 43
Уроки jQuery #4 | События в jquery
7 years ago 00:11:26 141
Уроки jQuery практика- как сделать слайдер
7 years ago 00:10:08 161
Уроки jQuery практика- анимация счетчика чисел
4 years ago 00:04:34 8
Уроки jQuery / События окна браузера
7 years ago 00:10:43 176
Уроки jQuery #1 | Введение. Синтаксис
8 years ago 00:09:30 169
Изучаем jQuery | Урок №3 - Подключение jQuery
3 years ago 00:27:26 10
Что такое jQuery и зачем он нужен? ➤ Уроки jQuery для начинающих
7 years ago 00:11:38 143
Уроки jQuery практика- делаем To Do приложение
8 years ago 00:19:56 38
Видеокурс JQuery. Урок 7. Библиотека JQuery UI
8 years ago 00:05:30 46
jQuery. Урок 8. Селекторы форм в jQuery
5 years ago 00:09:56 133
Подробные уроки по jQuery для начинающих, урок 1
7 years ago 00:10:04 109
Уроки jQuery практика- делаем простой аккордеон
8 years ago 00:10:02 407
Уроки jQuery #2 | Выбор селекторов. Оптимизация выборки
8 years ago 00:07:06 83
Видеокурс JQuery. Урок 2. Фильтры в JQuery
7 years ago 00:10:14 153
Уроки jQuery практика- делаем Skill bar для портфолио
4 years ago 00:11:23 53
Как сделать адаптивное меню на jQuery. уроки jQuery.
9 years ago 00:53:01 1.9K
jQuery. Урок 1. Введение в jQuery
8 years ago 00:06:08 56
jQuery. Урок 10. Работа с событиями в jQuery
8 years ago 00:03:13 80
jQuery. Урок 9. Дополнительные фильтры для селекторов jQuery
8 years ago 00:08:18 69
jQuery. Урок 5. Возможности применения jQuery
5 years ago 00:10:39 69
Уроки jQuery практика- как сделать адаптивное меню с Flexbox и jQuery
7 years ago 00:12:25 32
Уроки jQuery практика- как сделать parallax для сайта
8 years ago 00:10:50 45
Видеокурс JQuery. Урок 8. Вспомогательные функции в jQuery