На моем курсе в Udacity по Front End Web Development Nanodegree я только начал использовать jQuery и хотел поделиться своим личным пониманием его использования.
Что такое jQuery?
Это библиотека на основе JavaScript, которая упрощает кодирование. Его цель - упростить использование JavaScript на веб-сайтах. jQuery содержит такие функции, как DOM (объектная модель документа) или манипуляции с HTML и CSS, методы событий HTML, эффекты и анимация, AJAX и другие утилиты. Google, Microsoft, IBM и Netflix используют jQuery, что действительно здорово.
Перво-наперво, мы должны связать jQuery с HTML-документом, чтобы можно было использовать jQuery:
<head> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> </head> * this is a fast and minimized version of jQuery so that you don't have to download the library yourself.
Как только jQuery и файл JavaScript связаны с файлом HTML, мы можем начать работу над сценарием. Чтобы упростить вызов jQuery, вы можете каждый раз использовать знак «$», что значительно ускоряет кодирование:
$(selector).action();
Эта строка является основой всех функций, используемых в jQuery, где селектор позволяет выбирать элементы HTML и управлять ими.
В следующем видео я покажу вам пример манипуляции с DOM:
Будущее:
Сегодняшняя тенденция явно направлена от jQuery к фреймворкам, таким как Vue.js, Angular или React. Эти библиотеки связаны не столько с императивным манипулированием DOM, сколько с описанием и составлением приложения. jQuery отлично подходит для небольших задач JavaScript, но если вы создаете более крупные одностраничные приложения, код jQuery становится трудно поддерживать. Однако это по-прежнему самая используемая библиотека JavaScript, и она будет использоваться для управления DOM еще много лет.