JavaScript и jQuery – одинаковые функции

Справочная информация по одинаковым функциям в JavaScript и jQuery. Здесь же можно увидеть наглядно отличие JS и jQuery.

Эта статья вовсе не о преимуществах jQuery. Наоборот, библиотека jQuery постепенно уходит в прошлое, ставя чистый JS код на первое место.

Эта статья-подсказка, как сделать что-то в js или jQuery, зная только один из них. Из-за того, что они похожи, очень легко запутаться.

Добавить или удалить класс

JS

Класс указывается без точки.

jQuery

В отличие от JS в jQuery можно сочетать добавления в одну строчку:

Проверить класс на существование

JS

jQuery

Применить функцию ко всем объектам

JS

jQuery

Сравнение размера экрана

JS

jQuery

click

JS

jQuery

Или:

children

JS

jQuery

События

JS

jQuery

Выбрать только элементы начиная с какого-нибудь по счету

JS

Сначала собираем элементы, затем переводим в массив. Дальше, отсекаем часть, например, 1. И после ставим нужный нам класс.

jQuery

Обратить внимание на :gt() Selector.

Нажатие на кнопку

Разница:

  • Клик в js отрабатывается с помощью функции addEvent, в jQuery с помощью on
  • Создание переменных в jQuery проще. В JS нужна длинная конструкция document.querySelector

JS

jQuery

Закрываем открытую область при клике за ней

JS
jQuery

data-set

Описания различий в data-set.

Привет. Ты находишься на моём сайте. Я разработчик. Здесь я делюсь своими наработками и знаниями. Спрашивай в комментариях, если тебе что-то не понятно или пиши, если есть что добавить.

Если вам пригодилась информация, вы можете поблагодарить автора сайта символическим пожертвованием:

Добавить комментарий

Напишите свой комментарий, если вам есть что добавить/поправить/спросить по теме текущей статьи: "JavaScript и jQuery – одинаковые функции".

Ваш e-mail не будет опубликован. Обязательные поля помечены *