Вводный урок по jQuery для начинающих, подключение к сайту и обработка простого события

Привет друзья! Сегодня у нас с вами вводный урок по jQuery. Этот урок именно для начинающих, потому что на этом уроке мы с вами рассмотрим как подключить jQuery к сайту и сделаем так чтобы с помощью jquery мы с вами смогли обработать простое событие. Например, событие при клике на кнопку и будем выводить при этом клике например сообщение alert на экран. 😊

✅ Метод .click() - привязывает JavaScript обработчик событий "click" (клик левой кнопкой мыши), или запускает это событие на выбранный элемент. Можно сказать, что это устанавливает обработчик "клика" мышью по элементу, для запуска по этому событию.
Вот здесь, этой командой мы привязали обработчик событий click ко всем тегам button с выполнением функции, которая выводит alert на экран.
$("button").click(function(){
alert("Нажата кнопка");
});

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

✅ Пример из видео находится в конце описания.

- Уроки от #OlegShpagin 👨🏼‍💻
#урокиjquery #урокиhtml #урокиcss #программирование #дляначинающих

Ставь лайк, если тебе понравилось видео 👍

✅ Начинаете программировать? - Старайтесь повторить то, что показываем в обучающем видео. Так вы будете закреплять материал и вы сможете делать верстку сайта быстрее и выучите веб программирование.👍

Смотрите наши обучающие видеоуроки и вы выучите jQuery быстрее всех! :) Это как jQuery Для чайников с нуля повторяете все как в видео - если возникают вопросы - то спрашивайте!

Рекомендую посмотреть вот эти видео ►

Где нас можно найти ►
--------------------------------------------

Популярные плейлисты ►
--------------------------------------------
● Уроки администрирования для начинающих, сервера, сети, хранилища - их настройка и обслуживание.
● Компьютерная безопасность. Рекомендации. Советы. Лайфхаки. Know-How.
● Новинки в компьютерном мире. Обзоры. Новинки гаджетов. Смартфоны. Техника.

► Уроки на сайте Wiseplat:
--------------------------------------------

********************************
❤ Если Вам понравилась публикация, подписывайтесь на канал!

👍 Ставьте лайки, тогда будем еще создавать такой контент :)

✉ Если есть вопросы или пожелания, то пишите, в комментариях.
********************************

Пример из видео:

[wiseplat]

Расскажите в комментария[, как вы начинали изучать jQuery. С какими трудностями сталкиваетесь?

[zinc]

Приветствую! Подключить и проверить получилось) Спасибо большое!

[foryou]

Уважаемый, Олег! Очень люблю Ваши уроки, вы так понятно объясняете!! А можно Вас попросить объяснить как сделать кнопку подписка на видео ютуб как у вас на всех видео с вашим фото в правом угл Буду очень благодарна!

[antonspress]

спасибо за интересный урок! а jQuery можно использовать как хостинг?

[hymtbjk]

Олег, здравствуйте. У меня emmet почему-то не работает. При нажатии табуляции только пробелы выходят. Подскажите, пожалуйста, как тут быть. Заранее спасибо.

[dieharddie]

Доброго дня!
Лайк и подписка выполнены.
Однако, если позволите, у меня есть некоторые вопросы.

Не совсем понял для чего мы подключали сайт
через SRC, если мы с ним с этим сайтом не сделали ничего.
Мы, как я понял, отследили нажатие обеих кнопок
в нашем собственном HTML.
А по логике вещей, вслед за подключением все ожидали
что мы будем работать с подключенным сайтом.

К тому же, если этот ролик - вводный урок по jquery для начинающих,
то вполне ожидаемо было чтобы Вы в начале
сказали пару слов о том, что такое jquery и зачем он нужен,
вместо стандартного стартового фрагмента
по открытию многострадального Page1.html

[hymtbjk]

В меню Brackets ниже написано HTML(default)

[hymtbjk]

Здравствуйте, Олег! Сделал все, как у вас, но при нажатии на кнопки ничего не происходит. Подскажите, пожалуйста, в чем причина. Спасибо.