Jquery как произносится

Перевод «jquery» на русский

Пример переведенного предложения: As you’ve seen, jQuery gives us even more powerful ways to select elements and change or even animate them. ↔ Как видите, jQuery дает более мощные способы поиска элементов, а также их изменения и даже анимации.

Alternative letter-case form of [i]jQuery[/i]

Автоматический перевод » jquery » в русский

«jquery» в словаре английский — русский

В настоящее время у нас нет переводов для jquery в словаре, может быть, вы можете добавить его? Обязательно проверьте автоматический перевод, память переводов или косвенные переводы.

Переводы с альтернативным написанием

A JavaScript library with predefined functions which simplify many common tasks done with JavaScript and enable them to function regardless of the web browser on which they are executed, using CSS selectors to query HTML elements on a web page and manipulate them.

«jQuery» в словаре английский — русский

В настоящее время у нас нет переводов для jQuery в словаре, может быть, вы можете добавить его? Обязательно проверьте автоматический перевод, память переводов или косвенные переводы.

jQuery

jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API по работе с AJAX.

Содержание

История создания

HTML была одной из первых вещей, которую Джон Резиг освоил, когда он только начал заниматься программированием. Резиг программировал на QBasic, когда один его знакомый показал ему, как создать веб-страницу (используя Angelfire), а также основы HTML. Отец подарил ему на Рождество две книги по HTML. Именно тогда, когда он только начал программировать на Visual Basic, HTML и веб-дизайн очень заинтересовали его.

Но страсть к JavaScript пришла значительно позже, примерно в 2004 году. Тогда Резиг получал степень в области компьютерных наук и работал на полставки в местной фирме Brand Logic. Он занимался дизайном сайта, в котором создавался пользовательский скроллинг. Джон был разочарован и расстроен, особенно потому, что использовал код других разработчиков, после чего решил серьёзно изучить JavaScript. Изучив, пришел к выводам, что JavaScript — это простой, но изящный язык, который является невероятно мощным для решения многих задач. В течение ближайшей пары лет Джон создал множество различных JavaScript-приложений, прежде чем закончить создание jQuery. Основной целью создания jQuery Резиг видел возможность закодировать многоразовые куски кода, которые позволят упростить JavaScript и использовать их так, чтобы не беспокоиться о кросс-браузерных вопросах. Библиотека была представлена общественности на компьютерной конференции «BarCamp» в Нью-Йорке в 2006 году.

Возможности

Движок кроссбраузерных CSS-селекторов Sizzle [2] , выделившийся в отдельный проект;
Переход по дереву DOM, включая поддержку XPath как плагина;
События;
Визуальные эффекты; -дополнения;
JavaScript-плагины.

Философия

Точно так же, как CSS отделяет визуализацию от структуры HTML, JQuery отделяет поведение от структуры HTML. Например, вместо прямого указания на обработчик события нажатия кнопки управление передаётся JQuery идентифицирующей кнопки и затем преобразовывающей его в обработчик события клика. Такое разделение поведения и структуры также называется принципом ненавязчивого JavaScript.

Библиотека jQuery содержит функциональность, полезную для максимально широкого круга задач. Тем не менее, разработчиками библиотеки не ставилась задача совмещения в jQuery функций, которые подошли бы всюду, поскольку это привело бы к большому коду, бо́льшая часть которого не востребована. Поэтому была реализована архитектура компактного универсального ядра библиотеки и плагинов [3] . Это позволяет собрать для ресурса именно ту JavaScript-функциональность, которая на нём была бы востребована.

Использование

jQuery, как правило, включается в веб-страницу как один внешний JavaScript-файл:

Вся работа с jQuery ведётся с помощью функции $ . Если на сайте применяются другие JavaScript библиотеки, где $ может использоваться для своих нужд, то можно использовать её синоним — jQuery . Второй способ считается более правильным, а чтобы код не получался слишком громоздким, можно писать его следующим образом:

Работу с jQuery можно разделить на 2 типа:

Получение jQuery-объекта с помощью функции $() . Например, передав в неё CSS-селектор, можно получить jQuery-объект всех элементов HTML, попадающих под критерий и далее работать с ними с помощью различных методов jQuery-объекта. В случае, если метод не должен возвращать какого-либо значения, он возвращает ссылку на jQuery объект, что позволяет вести цепочку вызовов методов согласно концепции текучего интерфейса.
Вызов глобальных методов у объекта $ , например, удобных итераторов по массиву.

Типичный пример манипуляции сразу несколькими узлами DOM заключается в вызове $ функции со строкой селектора CSS, что возвращает объект jQuery, содержащий некоторое количество элементов HTML-страницы. Эти элементы затем обрабатываются методами jQuery. Например,

находит все элементы div с классом test, а также все элементы p с классом quote, и затем добавляет им всем класс blue и визуально плавно спускает вниз. Здесь методы add, addClass и slideDown возвращают ссылку на исходный объект $("div.test"), поэтому возможно вести такую цепочку.

Методы, начинающиеся с $. , удобно применять для обработки глобальных объектов. Например:

добавит на страницу 234 .

$.ajax и соответствующие функции позволяют использовать методы AJAX. Например:

В этом примере идет обращение к скрипту some.php с параметрами name=John&location=Boston , и полученный результат выдается в сообщении посредством alert() .

Пример добавления к элементу обработчика события click с помощью jQuery:

В данном случае при нажатии на элемент <A> происходит вызов alert(«Hello world!») .

История версий

Исправление 4-х ошибок;
Увеличена производительность метода data();
Изменения, «ломающие» совместимость (изменены методы `data()`, `attr()`, `prop()`) [16]

Интеграция с другими продуктами

28 сентября 2008 года на официальном блоге jQuery [21] сообщили о том, что компании Microsoft и Nokia собираются сотрудничать с группой разработчиков. Компания Microsoft собирается интегрировать в свой продукт ASP.NET листинги кода и примеры jQuery, а компания Nokia собирается интегрировать jQuery для своих мобильных виджетов.

Команда разработчиков

Работа над библиотекой разделена на 5 групп:

Rey Bango
Karl Swedberg
Cody Lindley

Paul Bakaus
Richard D. Worth
Scott González
Todd Parker
Otros [23]

Yehuda Katz
Klaus Hartl
Mike Alsup

Scott Jehl
Mike Hostetler

См. также

Примечания

↑Resig, JohnjQuery 1.8.3 Released (англ.) (20 September 2012). Архивировано из первоисточника 19 октября 2012.Проверено 13 ноября 2012.
↑Sizzle — движок кроссбраузерных CSS-селекторов
↑Бер Бибо, Иегуда Кац. 1.3.5 Расширение jQuery // jQuery. Подробное руководство по продвинутому JavaScript = jQuery in Action. — Спб.: Символ-Плюс, 2009. — 384 с. — 2000 экз. — ISBN 978-5-93286-135-6, 5-93286-135-5, 1-933988-35-5
↑Запись в блоге jQuery о релизе 1.1.3
↑Resig, John.closest(Array) in jQuery 1.4 (англ.) (18 December 2009). Архивировано из первоисточника 29 февраля 2012.Проверено 15 января 2010.
↑Об изменениях в jQuery 1.4 по сравнению с предыдущей версией (рус.) . Архивировано из первоисточника 29 февраля 2012.Проверено 15 января 2010.
↑Вышел jQuery 1.4.1 (рус.) . habrahabr.ru (26 января 2010). Архивировано из первоисточника 29 февраля 2012.Проверено 26 января 2010.
↑Version 1.4.1 (англ.) . jquery.com (26 January 2010). Архивировано из первоисточника 29 февраля 2012.Проверено 26 января 2010.
↑Version 1.4.2. jquery.com (19 февраля 2010). Архивировано из первоисточника 29 февраля 2012.Проверено 20 февраля 2010.
↑jQuery 1.4.2 Released (англ.) . jquery.com (19 February 2010). Проверено 20 февраля 2010.
↑Version 1.4.3. jquery.com (16 октября 2010). Архивировано из первоисточника 29 февраля 2012.Проверено 14 ноября 2010.
↑Version 1.4.4. jquery.com (11 ноября 2010). Архивировано из первоисточника 29 февраля 2012.Проверено 14 ноября 2010.
↑jQuery 1.5 Released. jquery.com (8 февраля 2011). Архивировано из первоисточника 26 июня 2012.Проверено 31 января 2011.
↑jQuery 1.5.1 Released. jquery.com (8 февраля 2011). Архивировано из первоисточника 6 августа 2012.Проверено 24 февраля 2011.
↑jQuery 1.5.2 Released. jquery.com (31 марта 2011). Архивировано из первоисточника 6 августа 2012.Проверено 31 марта 2011.
↑jQuery 1.6 Released. jquery.com (3 мая 2011). Архивировано из первоисточника 29 февраля 2012.Проверено 3 мая 2011.
↑Resig, JohnJQuery 1.6.1 Released (англ.) (12 May 2010). Архивировано из первоисточника 7 августа 2012.Проверено 4 июля 2011.
↑Resig, JohnJquery 1.6.2 Released (англ.) (30 June 2010). Архивировано из первоисточника 7 августа 2012.Проверено 4 июля 2011.
↑jQuery 1.8.3 Released. jquery.com (3 мая 2011). Архивировано из первоисточника 20 ноября 2012.Проверено 17 ноября 2012.
↑ 12jQuery Core: Version 1.9 and beyond. jquery.com (28 июня 2012). Архивировано из первоисточника 20 ноября 2012.Проверено 17 ноября 2012.
↑Официальный блог jQuery. Архивировано из первоисточника 7 августа 2012.
↑Официальная страница jQuery UI. Архивировано из первоисточника 29 февраля 2012.Проверено 3 июня 2009.
↑Полный список контрибьюторов jQuery UI. Архивировано из первоисточника 29 февраля 2012.Проверено 3 июня 2009.
↑Официальная страница jQuery. Архивировано из первоисточника 29 февраля 2012.Проверено 3 июня 2009.

Ссылки

(англ.) (англ.) (англ.)

Литература

Джейсон Ленгсторф PHP и jQuery для профессионалов = Pro PHP and jQuery. — М .: «Вильямс», 2010. — С. 352. — ISBN 978-5-8459-1693-8
Прохоренок Николай Анатольевич jQuery. Новый стиль программирования на JavaScript. — М .: «Вильямс», 2010. — С. 272. — ISBN 978-5-8459-1603-7
Самков Г. jQuery. Сборник рецептов. — СПб. : БХВ-Петербург, 2010. — С. 416. — ISBN 978-5-9775-0495-9

ColdSpring • Fusebox • Mach-II • Model-Glue

Apache (Cocoon • Struts • Velocity • WebWork 2) • AppFuse • Aranea • Eclipse • Facelets • Flexive • FreeMarker • Google Web Toolkit • Grails • Hamlets • ItsNat • JavaServer Faces • Jspx • JBoss Seam • jZeno • Makumba • OpenLaszlo • OpenXava • Reasonable Server Faces (RSF) • Restlet • RichFaces • RIFE • Shale • SmartClient • Spring • Stripes • Tapestry • ThinWire • Vaadin • WebMacro • WebWork • WebObjects • Wicket • ZK

node.js • AJILE • Clean AJAX • Dojo Toolkit • Echo • Ext JS • jQuery • jMaki • Microsoft AJAX Library • MochiKit • MooTools • Prototype • qooxdoo • Rialto Toolkit • Rico • script.aculo.us • SmartClient • Spry • SproutCore • Yahoo! UI Library • Underscore • PhoneGap

Catalyst • Interchange • Titanium • Maypole • HTML:Mason

Acode • Akelos • BlueShoes • CakePHP • Canvas • CodeIgniter • Cotonti • DIY • Drupal • Fuse • Horde • Kohana • LiveStreet • PHP For Applications • PHPOpenbiz • PRADO • Qcodo • Seagull • Solar • Symfony • W3Core • Yii • Zend • Zoop • Joomla

Camping • Nitro • IOWA • Ramaze • Cerise • Merb • Ruby on Rails • Sinatra • Padrino

jQuery — jQuery

jQuery — это библиотека JavaScript, предназначенная для упрощения HTML Обход дерева DOM и управление им, а также обработка событий, CSS-анимация и Ajax. Это бесплатное программное обеспечение с открытым исходным кодом, использующее разрешающую лицензию MIT. По состоянию на май 2019 года jQuery используется 73% из 10 миллионов самых популярных веб-сайтов. Анализ Web показывает, что это наиболее широко используемая библиотека JavaScript с большим отрывом, имеющая как минимум в 3-4 раза больше использование, чем любая другая библиотека JavaScript.

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

Набор основных функций jQuery — выбор, обход и манипуляции с элементами DOM — включенный его механизмом выбора (названный «Sizzle» из версии 1.3), создал новый «стиль программирования», объединение алгоритмов и структур данных DOM. Этот стиль повлиял на архитектуру других фреймворков JavaScript, таких как YUI v3 и Dojo, что позже стимулировало создание стандартного API селекторов. Позже этот стиль был усовершенствован за счет более глубокого слияния алгоритма и данных в наследнике jQuery, фреймворке D3.js.

Microsoft и Nokia объединяют jQuery на своих платформах. Microsoft включает его в Visual Studio для использования в рамках Microsoft ASP.NET AJAX и ASP.NET MVC, а Nokia интегрировала его в виджет Web Run-Time. платформа разработки.

Содержание

1 Обзор

2 История

2.1 Популярность

3.1 Поддержка браузера

5.1 Функции

5.1.1 Методы jQuery
5.1.2 Статические утилиты

Обзор

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

jQuery также предоставляет парадигму для обработки событий, которая выходит за рамки простого выбора и манипулирования элементами DOM. Назначение события и определение функции обратного вызова события выполняются за один шаг в одном месте кода. jQuery также нацелен на включение других часто используемых функций JavaScript (например, постепенного появления и исчезновения при скрытии элементов, анимации путем управления свойствами CSS ).

Принципы разработки с помощью jQuery:

Разделение JavaScript и HTML: библиотека jQuery предоставляет простой синтаксис для добавления обработчиков событий в DOM с помощью JavaScript. вместо добавления атрибутов событий HTML для вызова функций JavaScript. Таким образом, он побуждает разработчиков полностью отделить код JavaScript от разметки HTML.
Краткость и ясность: jQuery способствует краткости и ясности с такими функциями, как «цепные» функции и сокращенные имена функций.
Устранение несовместимости между браузерами: движки JavaScript в разных браузерах немного отличаются, поэтому код JavaScript, работающий в одном браузере, может не работать в другом. Подобно другим инструментам JavaScript, jQuery обрабатывает все эти кроссбраузерные несоответствия и предоставляет согласованный интерфейс, который работает в разных браузерах.
Расширяемость: новые события, элементы и методы можно легко добавлять, а затем повторно использовать в качестве плагина.

История

jQuery был первоначально создан в январе 2006 года на BarCamp NYC Джоном Ресигом под влиянием более ранней библиотеки cssQuery Дина Эдвардса.. В настоящее время он поддерживается командой разработчиков под руководством Тимми Уиллисона (с механизмом выбора jQuery Sizzle, возглавляемым Ричардом Гибсоном).

jQuery изначально был лицензирован в соответствии с CC BY-SA 2.5, и перелицензировал на лицензию MIT в 2006 году. В конце 2006 года он был с двойной лицензией под GPL и Лицензии MIT. Поскольку это привело к некоторой путанице, в 2012 году GPL была отменена и теперь предоставляется только по лицензии MIT.

Возможности

jQuery включает следующие функции:

манипуляции с DOM на основе селекторов CSS, которые используют имена и атрибуты элементов, такие как id и class, как критерии выбора узлов в D OM
События
Эффекты и анимация для управления асинхронной обработкой через плагины
Утилиты, такие как обнаружение функций
Методы совместимости, которые изначально доступны в современных браузерах, но нуждаются в резервных версиях для старых браузеров, например jQuery.inArray () и jQuery.each () . поддержка

Поддержка браузера

jQuery 3.0 и более поздние версии поддерживают «текущие версии-1» (то есть текущая стабильная версия браузер и предшествующая ему версия) Firefox (и ESR), Chrome, Safari и Edge, а также Internet Explorer 9 и новее. На мобильных устройствах поддерживается iOS 7 и новее, и Android 4.0 и новее.

Распространение

Библиотека jQuery обычно распространяется как единый JavaScript файл, который определяет все его интерфейсы, включая функции DOM, Events и Ajax. Он может быть включен на веб-страницу путем ссылки на локальную копию или путем ссылки на одну из многих копий, доступных с общедоступных серверов. jQuery имеет сеть доставки контента (CDN), размещенную на MaxCDN. Google в службе размещенных библиотек Google и Microsoft также размещают библиотеку.

Пример связывания копии библиотеки локально (с того же сервера, на котором размещена веб-страница):

Пример связывания копии библиотека из общедоступного CDN jQuery:

Интерфейс

Функции

jQuery предоставляет два вида функций, статических служебных функций и jQuery методы объекта. У каждого свой стиль использования.

Оба доступны через основной идентификатор jQuery: jQuery . У этого идентификатора есть псевдоним $ . Доступ ко всем функциям можно получить через любое из этих двух имен.

методы jQuery

Функция jQuery — это фабрика для создания объекта jQuery, который представляет один или несколько узлов DOM. У объектов jQuery есть методы для управления этими узлами. Эти методы (иногда называемые командами) объединены в цепочку, поскольку каждый метод также возвращает объект jQuery.

Доступ и управление несколькими узлами DOM в jQuery обычно начинается с вызова функции $ со строкой селектора CSS. Это возвращает объект jQuery, ссылающийся на все соответствующие элементы на странице HTML. $ («div.test») , например, возвращает объект jQuery со всеми элементами div класса test . Этим набором узлов можно управлять, вызывая методы для возвращенного объекта jQuery.

Статические утилиты

Это служебные функции, которые не действуют напрямую на объект jQuery. Доступ к ним осуществляется как к статическим методам по идентификатору jQuery или $. Например, $.ajax () — статический метод.

Бесконфликтный режим

jQuery предоставляет функцию $.noConflict () , которая отказывается от управления именем $ . Это полезно, если на веб-странице используется jQuery, который также связывает другую библиотеку, для которой в качестве идентификатора требуется символ $ . В бесконфликтном режиме разработчики могут использовать jQuery вместо $ без потери функциональности.

Обычная начальная точка

Как правило, jQuery используется путем помещения кода инициализации и функций обработки событий в $ (handler) . Это запускается jQuery, когда браузер завершает построение DOM для текущей веб-страницы.

Исторически $ (document).ready (callback) был де-факто идиомой для запуска кода после того, как DOM готова. Однако, начиная с jQuery 3.0, разработчикам рекомендуется использовать вместо этого гораздо более короткую подпись $ (handler) .

Объединение

методов объекта jQuery обычно также возвращает объект jQuery, что позволяет использовать цепочки методов:

Эта строка находит все элементы div с атрибутом класса test , затем регистрирует обработчик событий для каждого элемента для события «щелчок», затем добавляет атрибут класса foo для каждого элемента.

Некоторые методы объекта jQuery получают определенные значения (вместо изменения состояния). Примером этого является метод val () , который возвращает текущее значение элемента ввода текста. В этих случаях такой оператор, как $ (‘# user-email’). Val () не может использоваться для связывания, поскольку возвращаемое значение не ссылается на объект jQuery.

Создание новых элементов DOM

Помимо доступа к существующим узлам DOM через jQuery, также можно создавать новые узлы DOM, если строка, переданная в качестве аргумента фабрике $ (), выглядит как HTML. Например, приведенный ниже код находит элемент HTML select и создает новый элемент option со значением «VAG» и меткой «Volkswagen», которая затем добавляется к выберите меню :

Можно делать запросы Ajax (с поддержкой кроссбраузерности ) с $.ajax () для загрузки и управлять удаленными данными.

В этом примере данные name = John и location = Boston отправляются в /process/submit.php на сервере. Когда этот запрос завершается, вызывается функция успеха, чтобы предупредить пользователя. Если запрос не выполняется, он предупреждает пользователя об ошибке, статусе запроса и конкретной ошибке.

В приведенном выше примере используются методы .then () и .catch () для регистрации обратных вызовов, которые запускаются после завершения ответа. Эти обратные вызовы обещаний должны использоваться из-за асинхронного характера запросов Ajax.

подключаемые модули jQuery

Архитектура jQuery позволяет разработчикам создавать код подключаемых модулей для расширения его функций. В Интернете доступны тысячи подключаемых модулей jQuery, которые охватывают ряд функций, таких как помощники Ajax, веб-службы, таблицы данных, динамические списки, XML и XSLT. инструменты, перетаскивание, события, обработка файлов cookie и модальные окна.

Важным источником подключаемых модулей jQuery является поддомен подключаемых модулей веб-сайт проекта jQuery. Однако плагины в этом субдомене были случайно удалены в декабре 2011 года в попытке избавить сайт от спама. Новый сайт представляет собой репозиторий, размещенный на GitHub, что требует от разработчиков повторной отправки своих подключаемых модулей и соответствия новым требованиям к отправке. jQuery предоставляет «Учебный центр», который может помочь пользователям понять JavaScript и начать разработку подключаемых модулей jQuery.

Для создания этих подключаемых модулей разработчики могут либо написать свой собственный код с нуля, либо использовать его вершина существующей структуры, такой как jQuery Boilerplate.

История выпусков

Версия	Первоначальный выпуск	Последнее обновление	Минимальный размер (КБ)	Дополнительные примечания
1.0	26 августа 2006 г. (2006-08-26)	Первый стабильный выпуск
1.1	14 января 2007 г. (2007 г. -01-14)
1,2	10 сентября 2007 г. (2007-09-10)	1,2,6	54,5
1,3	14 января 2009 г. (2009-01-14)	1.3.2	55.9	Sizzle Selector Engine введен в ядро
1.4	14 января 2010 (2010-01-14)	1.4.4	76.7
1.5	31 января 2011 (2011-01-31)	1.5.2	83.9	Управление отложенным обратным вызовом, перезапись модуля ajax
1.6	3 мая 2011 г. (2011-05-03)	1.6.4	89.5	Значительные улучшения производительности attr () и val () функции
1,7	3 ноября 2011 г. (2011-11-03)	1.7.2 (21 марта 2012 (2012-03-21))	92.6	Новые API событий:.on () и.off (), в то время как старые API все еще поддерживаются.
1,8	9 августа 2012 г. (2012-08-09)	1.8.3 (13 ноября 2012 (2012-11-13))	91,4	Sizzle Selector Engine переписан, улучшена анимация и гибкость $ (html, props).
1,9	15 января 2013 (2013-01-15)	1.9.1 (4 февраля 2013 (2013-02-04))	90,5	Удаление устаревших интерфейсов и очистка кода
1.10	24 мая 2013 г. (2013-05-24)	1.10.2 (3 июля 2013 г. (2013 г.) -07-03))	90.9	Включены исправления ошибок и различия, обнаруженные в бета-циклах 1.9 и 2.0
1.11	24 января 2014 г. (2014- 01-24)	1.11.3 (28 апреля 2015 (2015-04-28))	93.7
1.12	8 января 2016 (2016- 01-08)	1.12.4 (20 мая 2016 (2016-05-20))	94.9
2.0	18 апреля 2013 (2013- 04-18)	2.0.3 (3 июля 2013 (2013-07-03))	81.7	Прекращена поддержка IE 6–8 для повышения и снижения производительности в размер файла
2.1	24 января 2014 (2014-01-24)	2.1.4 (28 апреля 2015 (2015-04-28))	82,4
2,2	8 января 2016 (2016-01-08)	2.2.4 (20 мая 2016 (2016-05-20))	83,6
3,0	9 июня 2016 г. (2016-06-09)	3.0.0 (9 июня 2016 (2016-06-09))	84.3	Promises / поддержка A + для Deferreds, $.ajax и $.when,.data () HTML5-совместимый
3.1	7 июля 2016 г. (2016-07-07)	3.1.1 (сентябрь 23, 2016 (2016-09-23))	84.7	Добавлен jQuery.readyException, ошибки готового обработчика теперь не заглушаются
3.2	16 марта 2017 г. (2017-03-16)	3.2.1 (20 марта 2017 (2017-03-20))	84.6	Добавлена поддержка для получения содержимого элементы и отказ от различных старых методов.
3,3	19 января 2018 г. (2018-01-19)	3.3.1 (20 января 2018 (2018-01-20))	84,9	Устарение старых функций, функции, которые принимают классы, теперь также поддерживают их в формате массива.
3,4	10 апреля 2019 г. (2019-04-10)	3.4.1 (1 мая 2019 г.)	86,1	Производительность улучшения, поддержка nonce и nomodule , исправления для радиоэлементов, незначительное исправление безопасности.
3,5	10 апреля 2020 г. (2020-04-10)	3.5.1 (4 мая 2020 г.)	87,4	Безопасность исправления, методы .even () .odd () , jQuery.trim не рекомендуется

Среда тестирования

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

С 2011 года группа тестирования jQuery использует QUnit с помощью для тестирования каждой версии кодовой базы jQuery.

См. также

Портал бесплатного программного обеспечения с открытым исходным кодом

Веб-дизайн и поисковая оптимизация

Логотип jQuery Создание сайтов сейчас уже трудно представить без использования скриптов JavaScript, причем, как написанных самостоятельно, так и заимствованных из различных источников. В большинстве случаев эти скрипты предлагаются бесплатно. Наибольшей популярностью пользуется библиотека jQuery (произносится "джейквири").

Несколько слов об этом замечательном инструменте, облегчающем жизнь веб-дизайнеров. Основоположником jQuery является американский программист Джон Резиг (John Resig). Он опубликовал свой первый вариант jQuery в Нью-Йорке в 2006 году. Сейчас Джон Резиг является руководителем большой группы разработчиков, занимающихся развитием и пополнением этой библиотеки скриптов. Полный список версий можно найти и скачать на официальной странице jQuery.

Основная идея jQuery — отделить выполнение действий на сайте от HTML кода. Для простоты можно сравнить эти действия с правилами CSS, которые отделяют визуализацию, то есть верстку страницы, от HTML кода. Аналогично, скрипты jQuery отделяют выполнение сценариев от структуры HTML. Например, вместо прямого указания на действие при клике мышью по элементу страницы сайта, управление передаётся JQuery, которая и выполняет требуемые операции.

Таким образом, разработчик избавлен от необходимости "изобретать велосипед" и может использовать готовые решения. Причем для работы с jQuery совершенно необязательно быть специалистом по программированию, хотя это всегда приветствуется. Вам надо только уметь изменять необходимые атрибуты, например, встроенные картинки, надписи, скорость выполнения операций и т.п.

Для jQuery написаны сотни плагинов, об установке и настройке некоторых из них рассказано в моих статьях. Надеюсь, что они будут полезны для ваших разработок.

Перевод «jquery» на русский

Alternative letter-case form of [i]jQuery[/i]

Автоматический перевод » jquery » в русский

«jquery» в словаре английский — русский

Переводы с альтернативным написанием

«jQuery» в словаре английский — русский

JQuery

Содержание

История создания

HTML была одной из первых вещей, которую Джон Резиг освоил когда он только начал заниматься программированием. Резиг программировал на QBasic, когда один его знакомый показал ему, как создать веб-страницу (используя Angelfire), а также основы HTML. Отец подарил ему на Рождество две книги по HTML. Именно тогда, когда он только начал программировать на Visual Basic, HTML и веб-дизайн очень заинтересовали его.

Но страсть к JavaScript пришла значительно позже, примерно в 2004 году. Тогда Резиг получал степень в области компьютерных наук и работал на полставки в местной фирме Brand Logic. Он занимался дизайном сайта, в котором создавался пользовательский скроллинг. Джон был разочарован и расстроен, особенно потому, что использовал код других разработчиков, после чего решил серьезно изучить JavaScript. Изучив, пришел к выводам, что JavaScript — это простой, но изящный язык, который является невероятно мощным решением многих задач. В течение ближайших пары лет Д. Резиг создал множество различных JavaScript приложений, прежде чем закончить создание jQuery. Библиотека была представлена общественности на компьютерной конференции «BarCamp» в Нью-Йорке в 2006 году.

Основной целью создания jQuery Резиг видел возможность закодировать многоразовые куски кода, которые позволят упростить JavaScript и использовать их так, чтобы не беспокоиться о кросс-браузерных вопросах. Ночь в начале 2006 года Резиг запомнил на всю жизнь как счастливую: он закончил работу над jQuery и запустил его в Internet Explorer — все заработало. Это был успех!

Возможности

Переход по дереву DOM, включая поддержку XPath как плагина;
события;
визуальные эффекты; -дополнения;
JavaScript-плагины.

Философия

Точно так же, как CSS отделяет визуализацию от структуры HTML, JQuery отделяет поведение от структуры HTML. Например, вместо прямого указания на обработчик события нажатия кнопки, управление передаётся JQuery, идентифицирующей кнопки и затем преобразовывающий его в обработчик события клика. Такое разделение поведения и структуры также называется принципом ненавязчивого JavaScript.

Библиотека jQuery содержит функционал, полезный для максимально широкого круга задач. Тем не менее, разработчиками библиотеки не ставилась задача совмещения в jQuery функций, которые подошли бы всюду, поскольку это привело бы к большому коду, бо́льшая часть которого не востребована. Поэтому была реализована архитектура компактного универсального ядра библиотеки и плагинов [2] . Это позволяет собрать для ресурса именно тот JavaScript-функционал, который на нём был бы востребован.

Использование

jQuery, как правило, включается в веб-страницу как один внешний JavaScript-файл:

Вся работа с jQuery ведётся с помощью функции $ . Если на сайте применяются другие JavaScript библиотеки, где $ может использоваться для своих нужд, то можно использовать её синоним — jQuery . Второй способ считается более правильным, а чтобы код не получался слишком громоздким можно писать его следующим образом:

Работу с jQuery можно разделить на 2 типа:

Получение jQuery-объекта с помощью функции $() . Например, передав в неё CSS-селектор, можно получить jQuery-объект всех элементов HTML попадающих под критерий и далее работать с ними с помощью различных методов jQuery-объекта.
Вызов глобальных методов у объекта $ , например, удобных итераторов по массиву.

находит все элементы <div> с классом test, а также все элементы <p> с классом quote, и затем добавляет им всем класс blue и визуально плавно спускает вниз.

Методы, начинающиеся с $. , удобно применять для обработки глобальных объектов. Например:

добавит на страницу 234 .

$.ajax и соответствующие функции позволяют использовать методы AJAX. Например:

В этом примере идет обращение к скрипту some.php с параметрами name=John&location=Boston и полученный результат выдается в сообщении посредством alert() .

Пример добавления к элементу обработчика события click с помощью jQuery:

В данном случае при нажатии на элемент <A> происходит вызов alert(«Hello world!») .

История версий

Версия	Ссылки	Дата релиза	Существенные изменения
1.0	—	30 июня 2006	Первая альфа-версия
1.0	сж.	26 августа 2006	Первая стабильная версия
1.0.1	сж., несж.	31 августа 2006	Первая версия с исправлениями ошибок
1.0.2	сж., несж.	9 октября 2006	Изменение интерфейса прикладного программирования
1.0.3	сж., несж.	27 октября 2006	—
1.0.4	сж., несж.	12 декабря 2006	—
1.1a	—	8 января 2007	Альфа-версия
1.1b	—	11 января 2007	Бета-версия
1.1	сж., несж.	14 января 2007	—
1.1.1	сж., несж.	22 января 2007	—
1.1.2	сж., несж.	27 февраля 2007	—
1.1.3a	—	20 мая 2007	Альфа-версия
1.1.3	сж., несж.	1 июля 2007	Более чем в 8 раз увеличено быстродействие при размере в 20 кб [3]
1.1.3.1	сж., несж.	5 июля 2007	—
1.1.4	сж., несж.	24 августа 2007	—
1.2	мин., сж., несж.	10 сентября 2007	—
1.2.1	мин., сж., несж.	16 сентября 2007	—
1.2.2	мин., сж., несж.	15 января 2008	—
1.2.3	мин., сж., несж.	8 февраля 2008	—
1.2.4	мин., сж., несж.	19 мая 2008	—
1.2.5	мин., сж., несж.	21 мая 2008	—
1.2.6	мин., сж., несж., в.док.	24 мая 2008	—
1.3	мин., несж., в.док.	14 января 2009	метод live()
1.3.1	мин., несж., в.док.	21 января 2009	—
1.3.2	мин., несж., в.док.	20 февраля 2009	—
1.4	мин., несж.	14 января 2010	Оптимизация обработки событий: реализация .closest(Array) [4] . Быстродействие основных функций увеличено более чем в 3 раза [5]
1.4.1	мин., несж.	25 января 2010	Переименованы события потери и получения фокуса, .die() удаляет обработчики событий, навешенные с помощью .live() [6] , jQuery.error() генерирует исключение, .height() и .width() возвращают высоту и ширину элемента, вычисленную браузером, для первого элемента из найденных, jQuery.parseJSON() преобразует строку в формате JSON в объект [7] .
1.4.2	мин., несж.	19 февраля 2010	Добавлены новые методы .delegate() и .undelegate() [8] , Улучшения производительности вызова .bind() и .unbind(), производительность .empty(), .remove() и .html(), также улучшена производительность добавления единичного DOM узла и вызова $(«body») [9] .

Легенда
мин. — минифицировано	сж. — сжато	несж. — не сжато	в.док — документация Visual Studio

Интеграция с другими продуктами

28 сентября 2008 года на официальном блоге JQuery [10] сообщили о том, что компании Microsoft и Nokia собираются сотрудничать с группой разработчиков. Компания Microsoft собирается интегрировать в свой продукт ASP.NET листинги кода и примеры JQuery, а компания Nokia собирается интегрировать JQuery для своих мобильных виджетов.

Команда разработчиков

Работа над библиотекой разделена на 5 групп:

Rey Bango
Karl Swedberg
Cody Lindley

Paul Bakaus
Richard D. Worth
Scott González
Todd Parker
Otros [12]

Yehuda Katz
Klaus Hartl
Mike Alsup

Scott Jehl
Mike Hostetler

См. также

Примечания

↑Resig, JohnjQuery 1.4.2 Released (англ.) (2010-02-19). Проверено 20 февраля 2010.
↑Бер Бибо, Иегуда Кац. 1.3.5 Расширение jQuery // jQuery. Подробное руководство по продвинутому JavaScript = jQuery in Action. — Спб.: Символ-Плюс, 2009. — 384 с. — 2000 экз . — ISBN 978-5-93286-135-6, 5-93286-135-5, 1-933988-35-5
↑Запись в блоге jQuery о релизе 1.1.3
↑Resig, John.closest(Array) in jQuery 1.4 (англ.) (2009-12-18). Проверено 15 января 2010.
↑Об изменениях в jQuery 1.4 по сравнению с предыдущей версией (рус.) . Проверено 15 января 2010.
↑Вышел jQuery 1.4.1 (рус.) . habrahabr.ru (2010-01-26). Проверено 26 января 2010.
↑Version 1.4.1 (англ.) . jquery.com (2010-01-26). Проверено 26 января 2010.
↑Version 1.4.2. jquery.com (2010-02-19). Проверено 20 февраля 2010.
↑jQuery 1.4.2 Released (англ.) . jquery.com (2010-02-19). Проверено 20 февраля 2010.
↑Официальный блог jQuery.
↑Официальная страница jQuery UI. Проверено 3 июня 2009.
↑Полный список контрибьюторов jQuery UI. Проверено 3 июня 2009.
↑Официальная страница jQuery. Проверено 3 июня 2009.

Ссылки

(англ.) (англ.) (англ.) (англ.) — перевод статьи «jQuery for JavaScript programmers». — статья, описывающая практически все аспекты использования jQuery. — перевод статьи «jQuery Tutorials for Designers». — Перевод официальной документации jQuery на русский язык. — Сайт о jQuery на русском языке, с хорошей структурой и навигацией.

ColdSpring • Fusebox • Mach-II • Model-Glue

Apache Cocoon • Apache Struts • AppFuse • Aranea framework • Eclipse • Facelets • Flexive • FreeMarker • Google Web Toolkit • Grails • Hamlets • ItsNat • Jakarta Velocity • JavaServer Faces • Jspx • JBoss Seam • jZeno • Makumba • OpenLaszlo • OpenXava • Reasonable Server Faces (RSF) • Restlet • RichFaces • RIFE • Shale Framework • SmartClient • Spring Framework • Stripes • Tapestry • ThinWire • Vaadin • WebWork • WebObjects • WebWork • Wicket Framework • ZK Framework

AJILE • Clean AJAX • Dojo Toolkit • Echo • Ext JS • jQuery • jMaki • Microsoft AJAX Library • MochiKit • MooTools • Prototype JavaScript Framework • qooxdoo • Rialto Toolkit • Rico • script.aculo.us • SmartClient • Spry framework • Yahoo! UI Library

Acode Framework • Akelos PHP Framework • BlueShoes • CakePHP • Canvas • CodeIgniter • DIY Framework • Drupal • FUSE • Horde • Kohana • Livestreet • PHP For Applications • PHPOpenbiz • PRADO • Qcodo • Seagull Framework • Solar Framework • Symfony • Zend Framework • Zoop Framework • Joomla

CherryPy • Django • Karrigell • Nevow • Porcupine • Pylons • Spyce • TurboGears • TwistedWeb • Webware • Zope

Camping • Nitro • IOWA • Ramaze • Cerise • Merb • Ruby on Rails • Sinatra • Padrino

jQuery — jQuery

Содержание

1 Обзор

2 История

2.1 Популярность

3.1 Поддержка браузера

5.1 Функции

5.1.1 Методы jQuery
5.1.2 Статические утилиты

Обзор

Принципы разработки с помощью jQuery:

Разделение JavaScript и HTML: библиотека jQuery предоставляет простой синтаксис для добавления обработчиков событий в DOM с помощью JavaScript. вместо добавления атрибутов событий HTML для вызова функций JavaScript. Таким образом, он побуждает разработчиков полностью отделить код JavaScript от разметки HTML.
Краткость и ясность: jQuery способствует краткости и ясности с такими функциями, как «цепные» функции и сокращенные имена функций.
Устранение несовместимости между браузерами: движки JavaScript в разных браузерах немного отличаются, поэтому код JavaScript, работающий в одном браузере, может не работать в другом. Подобно другим инструментам JavaScript, jQuery обрабатывает все эти кроссбраузерные несоответствия и предоставляет согласованный интерфейс, который работает в разных браузерах.
Расширяемость: новые события, элементы и методы можно легко добавлять, а затем повторно использовать в качестве плагина.

История

Возможности

jQuery включает следующие функции:

манипуляции с DOM на основе селекторов CSS, которые используют имена и атрибуты элементов, такие как id и class, как критерии выбора узлов в D OM
События
Эффекты и анимация для управления асинхронной обработкой через плагины
Утилиты, такие как обнаружение функций
Методы совместимости, которые изначально доступны в современных браузерах, но нуждаются в резервных версиях для старых браузеров, например jQuery.inArray () и jQuery.each () . поддержка

Поддержка браузера

Распространение

Пример связывания копии библиотеки локально (с того же сервера, на котором размещена веб-страница):

Пример связывания копии библиотека из общедоступного CDN jQuery:

Интерфейс

Функции

методы jQuery

Статические утилиты

Бесконфликтный режим

Обычная начальная точка

Объединение

методов объекта jQuery обычно также возвращает объект jQuery, что позволяет использовать цепочки методов:

Создание новых элементов DOM

подключаемые модули jQuery

История выпусков

Версия	Первоначальный выпуск	Последнее обновление	Минимальный размер (КБ)	Дополнительные примечания
1.0	26 августа 2006 г. (2006-08-26)	Первый стабильный выпуск
1.1	14 января 2007 г. (2007 г. -01-14)
1,2	10 сентября 2007 г. (2007-09-10)	1,2,6	54,5
1,3	14 января 2009 г. (2009-01-14)	1.3.2	55.9	Sizzle Selector Engine введен в ядро
1.4	14 января 2010 (2010-01-14)	1.4.4	76.7
1.5	31 января 2011 (2011-01-31)	1.5.2	83.9	Управление отложенным обратным вызовом, перезапись модуля ajax
1.6	3 мая 2011 г. (2011-05-03)	1.6.4	89.5	Значительные улучшения производительности attr () и val () функции
1,7	3 ноября 2011 г. (2011-11-03)	1.7.2 (21 марта 2012 (2012-03-21))	92.6	Новые API событий:.on () и.off (), в то время как старые API все еще поддерживаются.
1,8	9 августа 2012 г. (2012-08-09)	1.8.3 (13 ноября 2012 (2012-11-13))	91,4	Sizzle Selector Engine переписан, улучшена анимация и гибкость $ (html, props).
1,9	15 января 2013 (2013-01-15)	1.9.1 (4 февраля 2013 (2013-02-04))	90,5	Удаление устаревших интерфейсов и очистка кода
1.10	24 мая 2013 г. (2013-05-24)	1.10.2 (3 июля 2013 г. (2013 г.) -07-03))	90.9	Включены исправления ошибок и различия, обнаруженные в бета-циклах 1.9 и 2.0
1.11	24 января 2014 г. (2014- 01-24)	1.11.3 (28 апреля 2015 (2015-04-28))	93.7
1.12	8 января 2016 (2016- 01-08)	1.12.4 (20 мая 2016 (2016-05-20))	94.9
2.0	18 апреля 2013 (2013- 04-18)	2.0.3 (3 июля 2013 (2013-07-03))	81.7	Прекращена поддержка IE 6–8 для повышения и снижения производительности в размер файла
2.1	24 января 2014 (2014-01-24)	2.1.4 (28 апреля 2015 (2015-04-28))	82,4
2,2	8 января 2016 (2016-01-08)	2.2.4 (20 мая 2016 (2016-05-20))	83,6
3,0	9 июня 2016 г. (2016-06-09)	3.0.0 (9 июня 2016 (2016-06-09))	84.3	Promises / поддержка A + для Deferreds, $.ajax и $.when,.data () HTML5-совместимый
3.1	7 июля 2016 г. (2016-07-07)	3.1.1 (сентябрь 23, 2016 (2016-09-23))	84.7	Добавлен jQuery.readyException, ошибки готового обработчика теперь не заглушаются
3.2	16 марта 2017 г. (2017-03-16)	3.2.1 (20 марта 2017 (2017-03-20))	84.6	Добавлена поддержка для получения содержимого элементы и отказ от различных старых методов.
3,3	19 января 2018 г. (2018-01-19)	3.3.1 (20 января 2018 (2018-01-20))	84,9	Устарение старых функций, функции, которые принимают классы, теперь также поддерживают их в формате массива.
3,4	10 апреля 2019 г. (2019-04-10)	3.4.1 (1 мая 2019 г.)	86,1	Производительность улучшения, поддержка nonce и nomodule , исправления для радиоэлементов, незначительное исправление безопасности.
3,5	10 апреля 2020 г. (2020-04-10)	3.5.1 (4 мая 2020 г.)	87,4	Безопасность исправления, методы .even () .odd () , jQuery.trim не рекомендуется

Среда тестирования

С 2011 года группа тестирования jQuery использует QUnit с помощью для тестирования каждой версии кодовой базы jQuery.

См. также

Портал бесплатного программного обеспечения с открытым исходным кодом

Зачем вам jQuery

Каждый год говорят о том, что jQuery уже не тот, но продолжают его использовать. Почему? Вот почему.

Представьте, что вам нужно на сайт добавить форму обратной связи и кнопку быстрого заказа. Вы пишете 200 строк на JavaScript: нужно, чтобы поля проверялись, данные отправлялись, если человек не заполнил — на него выпадала выпадайка и т. д. Всё это нужно внимательно описать, запрограммировать и протестировать. На это уходит, допустим, полтора-два часа. Работает? Да. Получилось быстро? Не очень. Чтобы было быстрее, многие используют jQuery.

jQuery — специальная библиотека, написанная на JavaScript, в которой многие типовые действия прописаны как одна команда. Представьте, что это набор готовых деталей конструктора, из которого собрать программу получается быстрее. Правда, не все задачи решаются деталями конструктора…

Чтобы было понятно, насколько jQuery может ускорить написание кода, вот пример. Двум программистам дали задачу: сделать так, чтобы по клику в самом низу страницы она сама плавно прокручивалась до самого верха. Один решил эту задачу на чистом JavaScript:

Другой использовал jQuery. У него код состоит из одной строки:

У обоих программистов код работает одинаково, но второй решил задачу гораздо быстрее.

Эта команда говорит браузеру: «Иди на сервер Яндекса по вот такому пути, найди там файл jquery.min.js, будем работать с этой библиотекой и писать на ней скрипты». Дальше мы собрали список плюсов и самых веских причин использовать jQuery в проектах. Это будет полезно знать тем, кто хочет делать что-то для веба или лучше понимать, как устроены сайты изнутри.

Плюс: простой синтаксис

jQuery читается несколько проще, чем JavaScript, многие вещи сделаны понятнее. Например, нам нужно скрыть на странице второй по счету заголовок уровня H2.

Плюс: плагины на любой случай

Что бы вы ни хотели сделать на веб-странице, скорее всего, для этого уже есть готовые плагины на jQuery. Формы подписки, всплывающая реклама, захват телефонного номера — всё это уже есть и доступно за пару команд.

Scrollpane — кроссбраузерный скролбар любого элемента на странице;

jReject — проверяет, не устарел ли используемый браузер;

GridScrolling — навигация по сайту с помощью клавиш;

FlickerPlate — плагин для слайдеров с поддержкой сенсорных экранов;

Animsition — создание анимированной загрузки страниц на сайте;

SlideBars — создание адаптивного меню на сайте

и ещё тысячи готовых плагинов.

Плюс: простой доступ к странице

В чистом JavaScript обратиться к объекту на странице можно одним из способов:

и еще несколько подобных

В jQuery то же самое делает одна прекрасная команда. Заодно она же совмещает в себе кучу других функций. Фактически она говорит jQuery: «Возьми ЭТО и сделай с ним что-то»:

Поэтому какие-то простые манипуляции с объектами на странице выглядят элегантнее именно с jQuery. Это не значит, что их нельзя делать с простым JavaScript — можно. Но это не так красиво.

Представьте, что у нас есть страница, на которой есть важные плашки. Такие же, как на этой, и у всех задан класс “SomeClass”. И в зависимости от времени суток, браузера или настроения программиста сайт должен эти плашки скрывать, добавлять новые или как-то их менять. Вот, что можно, к примеру, с ними делать:

удалять все плашки:

var $elem = $(«.SomeClass») //Выбираем элементы.

$elem.remove(); //Удаляем их.

добавлять новые:

вставлять ещё одни перед ними:

заменять их на что-то другое:

и просто плавно показывать на экране:

Плюс: кроссбраузерность

Многие пользователи используют старые браузеры, например Internet Explorer 11. Они это делают не потому, что не знают, как обновиться, а потому что на работе админ запретил установку любого софта; или в госучереждениях давно не обновляли компьютеры.

Тут и спасает jQuery: разработчики сами предусмотрели поддержку старых браузеров. Например, вот как может выглядеть проверка на версии Intertet Explorer:

И такие условные блоки есть для всех старых версий IE.

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

Минус: вы контролируете не всё

Если вам нужен максимальный контроль за всем, что происходит на сайте, то лучше использовать чистый JavaScript. В этом случае вы полностью уверены в том, как ведёт себя страница, и не зависите от стороннего кода.

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

Минус: много всего

Подключать целую библиотеку ради одного эффекта — не самая лучшая идея. Иногда проще потратить лишних пять минут и сделать то же самое на JavaScript, чем тащить в проект лишних 64 килобайта кода.

Например, чтобы однократно вызвать обработчик события, можно подключить jQuery и написать так:

А можно ничего не подключать и использовать простой JavaScript, который уже научился делать то же самое через третий, необязательный, параметр в addEventListener:

Плюс-минус: многое можно уже сделать и на JavaScript

В самом начале, когда jQuery только появился, он сильно помогал разработчикам, потому что сам JavaScript многое не умел делать так же легко и изящно. Сейчас JS по возможностям и удобству почти догнал jQ, и то, на что раньше уходило 10 команд, теперь делается одной.

Замена одного элемента на странице на другой.

Минус: нет понимания технологии

Чрезмерное увлечение jQuery может привести к тому, что программист просто не будет понимать, как работают механизмы у него на странице и не сможет их исправить, если что-то пойдёт не так.

Например, программист прикрутил на страницу какой-то эффект на базе jQuery. Потом еще один, и они начали конфликтовать. Если программист не может разобраться в устройстве этих библиотек, он не сможет разрешить конфликт — а для этого нужно понимать чистый javaScript и уметь отлаживать код.

Получается, что знать jQuery всё-таки полезно, но нужно понимать, когда без него можно обойтись.

Скоро возьмем эту библиотеку за основу и сделаем какой-нибудь полезный проект. Подписывайтесь, мы напишем, когда что-нибудь такое выйдет.

Jquery как произносится

Перевод «jquery» на русский

Автоматический перевод » jquery » в русский

«jquery» в словаре английский — русский

«jQuery» в словаре английский — русский

jQuery

Содержание

История создания

Возможности

Философия

Использование

История версий

Интеграция с другими продуктами

Команда разработчиков

См. также

Примечания

Ссылки

Литература

jQuery — jQuery

Содержание

Обзор

История

Популярность

Возможности

Поддержка браузера

Распространение

Интерфейс

Функции

методы jQuery

Статические утилиты

Бесконфликтный режим

Обычная начальная точка

Объединение

Создание новых элементов DOM

подключаемые модули jQuery

История выпусков

Среда тестирования

См. также

Веб-дизайн и поисковая оптимизация

Перевод «jquery» на русский

Автоматический перевод » jquery » в русский

«jquery» в словаре английский — русский

«jQuery» в словаре английский — русский

JQuery

Содержание

История создания

Возможности

Философия

Использование

История версий

Интеграция с другими продуктами

Команда разработчиков

См. также

Примечания

Ссылки

jQuery — jQuery

Содержание

Обзор

История

Популярность

Возможности

Поддержка браузера

Распространение

Интерфейс

Функции

методы jQuery

Статические утилиты

Бесконфликтный режим

Обычная начальная точка

Объединение

Создание новых элементов DOM

подключаемые модули jQuery

История выпусков

Среда тестирования

См. также

Зачем вам jQuery

Плюс: простой синтаксис

Плюс: плагины на любой случай

Плюс: простой доступ к странице

Плюс: кроссбраузерность