Уроки jQuery Подключение к сайту и активация события на кнопке
Привет друзья! На этом уроке вы научитесь подключать к вашему сайту jQuery. Вы его не только подключите, но и также сможете активировать jQuery для кнопки - когда у вас для кнопки добавится событие click – например, при клике мышкой на кнопке у вас сработает какой-нибудь код, например поменяется фон абзаца. С помощью jQuery легко управлять событиями для разных элементов сайта. 😊
Пример кода сайта из видео:
[!DOCTYPE html]
[html lang=“en“]
[head]
[meta charset=“UTF-8“]
[title]Document[/title]
[style]
.red_class{
background-color: red;
}
[/style]
[/head]
[body]
[h1]Подключение jQuery[/h1]
[p]наш контент наш контент наш контент наш контент наш контент наш контент наш контент наш контент наш контент наш контент наш контент наш контент наш контент [/p]
[p]наш контент наш контент наш контент наш контент наш контент наш контент наш контент наш контент наш контент наш контент наш контент наш контент наш контент [/p]
[button]Изменить цвет[/button]
[script src=““][/script]
[script]
$(“button“).click(function(){
$(“p“).addClass(“red_class“);
});
[/script]
[/body]
[/html]
*** Не забываем, что Ютуб не дает писать угловые скобки – поэтому здесь они заменены на квадратные!!! – для использования кода - сделайте наоборот 😊
Дополнительное описание, домашние задания и многое другое можно найти на сайте WISEPLAT:
1) Урок на сайте Wiseplat:
✔ Сообщество программистов:
✔ —-----------
Вступай в группу Вк - 🚀
Группа FaceBook -
Инстаграм Wiseplat:
Instagram:
Twitter -
********************************
Если Вам понравилась публикация, подписывайтесь на канал!
Ставьте лайки, тогда будем еще писать такой контент :)
Если есть вопросы или пожелания, то пишите, в комментариях.
********************************
- Уроки от #OlegShpagin 👨🏼💻
Хештеги #урокиjQuery #программирование #jQuery #уроки #jQuery
1 view
165
167
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 практика- анимация счетчика чисел
5 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
6 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