jQueryWEB

jQuery – Введение для начинающих

jQuery  - Введение для начинающих

jQuery – это чрезвычайно популярная многофункциональная библиотека Javascript, которая предоставляет множество расширенных и кросс-браузерных функций, которые могут улучшить веб-приложения. Это значительно упрощает повторяющиеся задачи, такие как выбор элементов, манипулирование DOM, обработка событий, анимация и Ajax.

Особенности jQuery

пиши меньше, делай больше.

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

Важно отметить, что jQuery – это просто библиотека JavaScript. Код, который вы пишете при использовании jQuery, по-прежнему является кодом JavaScript, поэтому для понимания, структурирования и отладки вашего кода необходимы глубокие знания JavaScript.

Некоторые из особенностей jQuery заключаются в следующем:

  • Выбор HTML / DOM и манипуляции с ним (на основе селекторов CSS, использующих имена и атрибуты элементов, таких как id и class)
  • Манипулирование CSS
  • События
  • Ajax
  • Эффекты и анимация
  • JSON-разбор
  • Расширяемость с помощью плагинов (новые события, элементы и методы могут быть легко добавлены и затем повторно использованы в качестве плагина)

Зачем использовать jQuery вместо простого JavaScript?

Библиотеки JavaScript предоставляют помощников и ярлыки, а также заботятся о несовместимости браузера с лучшими практиками. Лучше потратить время на разработку приложения и использовать нативный JavaScript, только если это необходимо.

Существует множество других JavaScript-фреймворков, но jQuery кажется наиболее популярным и расширяемым. Вы можете легко найти плагины jQuery практически для любой задачи.

Начало работы с jQuery

Чтобы использовать jQuery на своем веб-сайте, вам необходимо импортировать скрипт jQuery на веб-страницу. Вы можете загрузить библиотеку jQuery с веб- сайта jQuery.com или включить jQuery из сети доставки контента (CDN), такой как Google CDN и Microsoft CDN.

Использование этих CDN вместо использования библиотеки jQuery с вашего собственного сервера обеспечивает значительную производительность (более быстрое время загрузки), поскольку многие пользователи уже загрузили jQuery из CDN при посещении другого веб-сайта.

Вот как включить jQuery в веб-страницу. Атрибут src в элементе

Как и многие другие библиотеки javascript, jQuery использует глобальную переменную $ в качестве ярлыка. Знак $ используется для определения или доступа к jQuery. Вы можете использовать либо $ («div»), либо jQuery («div»). Они одинаковые. Вы можете использовать любой из ваших предпочтений, но $ короче, аккуратнее и его легче обнаружить, чем jQuery.
Общий синтаксис: $( ‘селектор’ ).действие()

Примеры:
 $(this).hide() – скрывает текущий элемент.

$ (‘Div’).hide() – скрывает все элементы div

$ (‘.MyDiv’).hide() – скрывает все элементы с классом = «myDiv».

$ (‘#MyDiv’).hide() – скрывает элемент с идентификатором, имеющим «myDiv».

Чтобы запустить код, как только документ будет готов к работе, вы можете использовать оператор jQuery, известный как событие ready.

$ (document).ready(function(){

// Ваш код здесь.

});

Кроме того, вы также можете использовать:
$(function (){

// Методы jQuery идут сюда …

});
Это основа для запуска jQuery. Чтобы освоить jQuery, вы должны научиться использовать селектор jQuery и события jQuery. Селекторы jQuery позволяют вам найти элементы, которые вы хотите изменить, а события jQuery помогают привязать код к событию элемента. В Интернете доступно множество ресурсов, которые помогут вам освоить селекторы и события.

Это много на сегодня. Надеюсь, что это поможет вам изучить основы jQuery.

Источник записи: https://thedebuggers.com

Похожие сообщения
JavaScriptWEBПолезные сайты

Изучаем основы Vue с Vue 3

jQueryWordPressВсе для functions.php

Как полностью удалить jQuery из WordPress

WEBWordPress - HTML

18 интересных HTML-тегов, которые стоит использовать сегодня

WEBWordPress

Как добиться максимального эффекта от линкбилдинга за 4 шага