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

Published: 12 January 2020
on channel: Exploring the IT World / Oleg Shpagin / WISEPLAT
5,684
77

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

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

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

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

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

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

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

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

►► Подписывайся на наш канал:    / @wiseplat  

Рекомендую посмотреть вот эти видео ►
★ [Методы addClass и removeClass - добавляем и удаляем классы - для начинающих]    • Уроки jQuery / Методы addClass и remo...  
★ [Событие focusin подключаем и выводим подсказки]    • Уроки jQuery / Событие focusin подклю...  
★ [Подключаем событие click, определяем элемент по которому нажали и координаты мыши]    • Уроки jQuery / Подключаем событие cli...  
★ [Подключение и Удаление элементов со страницы]    • Уроки jQuery / Подключение и Удаление...  
★ [Подключение к сайту и активация события на кнопке]    • Уроки jQuery  Подключение к сайту и а...  
★ [Как подключить jQuery и вывести значения по id и классу]    • Уроки jQuery / Как подключить jQuery ...  
★ [Как с помощью jQuery вывести значение на экран]    • Уроки jQuery / Как с помощью jQuery в...  

Где нас можно найти ►
--------------------------------------------
Вступай в группу Вк - https://vk.com/wiseplat 🚀
Группа FaceBook -   / wiseplat  
Twitter -   / wiseplatschool  

Популярные плейлисты ►
--------------------------------------------
● Уроки программирования для детей по Scratch    • Программирование с нуля на Scratch  
● Уроки программирования для детей и подростков на Python    • Уроки Python программирование для нач...  
● Уроки HTML/CSS. Учим быстро и эффективно!    • Уроки HTML, CSS  Как сделать галерею ...  
● Уроки JavaScript. Изучаем основы языка и практикуемся сразу.    • Уроки JavaScript от нуля до профи  
● Уроки jQuery. Для начинающих, с нуля    • Уроки jQuery  Подключение к сайту и а...  
● Уроки Bootstrap для начинающих, с нуля учимся сразу делать классно!    • Уроки Bootstrap для начинающих, с нуля  
● Компьютерное железо. Лайфхаки. Обзоры. Ноу-хау. Инструкции. Рекомендации.    • Компьютерное железо. Лайфхаки. Обзоры...  
● Уроки администрирования для начинающих, сервера, сети, хранилища - их настройка и обслуживание.
   • Уроки администрирования для начинающи...  
● Компьютерная безопасность. Рекомендации. Советы. Лайфхаки. Know-How.
   • Компьютерная безопасность. Рекомендац...  
● Новинки в компьютерном мире. Обзоры. Новинки гаджетов. Смартфоны. Техника.
   • Новинки в компьютерном мире  

► Уроки на сайте Wiseplat:
--------------------------------------------
✔ Сообщество программистов: https://wiseplat.org/
✔ Дополнительное описание, домашние задания и многое другое можно найти на сайте WISEPLAT: https://wiseplat.org/

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

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

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

Пример из видео:
https://jsfiddle.net/m4o1zsp0/


Watch video Вводный урок по jQuery для начинающих, подключение к сайту и обработка простого события online without registration, duration hours minute second in high quality. This video was added by user Exploring the IT World / Oleg Shpagin / WISEPLAT 12 January 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 5,684 once and liked it 77 people.