Jquery 3.1.1 released!

Содержание:

link jQuery Migrate Plugin
Как скачать jQuery
Test Suite Convenience Methods Reference (See test/data/testinit.js)
- Add random number to url to stop caching
- Run tests in an iframe
jQuery UI 1.11
- Themes
- Previous Releases
Где скачать библиотеку
How to Use It
Применение шаблона
- Модификация результата
- Изменение способа предоставления входных данных
Как подключить скрипт jQuery в html
jQuery UI 1.10
- Themes
- Previous Releases
jQuery Migrate — All Versions
Подключаем jQuery
Where to Get It
Список функций
Download
- Slim build
Чего-нибудь с ними делаем
Legacy versions
- 1.3.2
- 1.2.1
- 1.1.2
- 1.0.1
Essential Git
- Cleaning
- Rebasing
- Handling merge conflicts
Плюс: плагины на любой случай
Основные изменения jQuery 2.0
Как использовать новую версию
Как проверить работу jQuery на сайте
Used By
- NuGet packages (1.0K)
- GitHub repositories (220)
jQuery и AJAX

link jQuery Migrate Plugin

We have created the
to simplify the transition from older versions of jQuery. The plugin restores deprecated features and behaviors so that older code will still run properly on newer versions of jQuery. Use the uncompressed development version to diagnose compatibility issues, it will generate warnings on the console that you can use to identify and fix problems. Use the compressed production version to simply fix compatibility issues without generating console warnings.

There are two versions of Migrate. The first will help you update your pre-1.9 jQuery code to jQuery 1.9 up to 3.0. You can get that version here:

The second version helps you update code to run on jQuery 3.0 or higher, once you have used Migrate 1.x and upgraded to jQuery 1.9 or higher:

Как скачать jQuery

Урок — jquery.ready()

Для загрузки нам доступны 2 версии: полная и slim. Отличается slim от полной только тем, что в ней отсутствует часть модулей, а именно ajax и effects. Если функции входящие в эти модули нужны, то тогда следует выбрать полную версию. В противном случае – slim.

Кроме этого, каждая из них доступна нам как в сжатом (с суффиксом ) так и в несжатом виде.

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

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

А это очень важно для производительности сайта

Уменьшение объема JavaScript кода библиотеки jQuery осуществляется за счёт минимизации. Минимизация – это процесс, который заключается в удалении из исходного кода всего лишнего (комментариев, незначащих пробелов, переносов строк, символов табуляции) и замене имен функций и переменных на более короткие.

Кроме этого, существуют разные ветки jQuery: 1.x, 2.x и 3.x.

jQuery 1.x следует использовать если нужна поддержка IE 6 – 8.

jQuery 2.x построено на том же API, что 1.x. Но имеет меньший размер и более высокую производительность. Это было достигнуто благодаря тому, что из неё был удалён устаревший код, необходимый для поддержки IE 6 – 8. Таким образом 2.x можно использовать только в том случае, если вам не нужна поддержка этих старых браузеров.

jQuery 3.x – последняя ветка (3.5.1 – последняя версия). В большинстве случаев рекомендуется выбирать её, если конечно вам не нужна поддержка IE 6 – 8. В отличие от предыдущих веток она имеет множество улучшений (поддержку промисов, работу с анимацией через и др.) и исправлений. Кроме этого, она доступна как в полном формате, так и .

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

Для скачивания jQuery с официального сайта нажмите правой кнопкой мыши на нужную ссылку и выберите пункт «Сохранить ссылку как…».

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

Test Suite Convenience Methods Reference (See test/data/testinit.js)

Подключение jquery библиотеки от cdn google

q( ... );

Example:

q("main", "foo", "bar");

=>  div#main, span#foo, input#bar

t( testName, selector,  "array", "of", "ids"  );

Example:

t("Check for something", "//", "foo", "bar");

fireNative( node, eventType )

Example:

fireNative( jQuery("#elem"), "click" );

Add random number to url to stop caching

url( "some/url" );

Example:

url("index.html");

=> "data/index.html?10538358428943"


url("mock.php?foo=bar");

=> "data/mock.php?foo=bar&10538358345554"

Run tests in an iframe

Some tests may require a document other than the standard test fixture, and
these can be run in a separate iframe. The actual test code and assertions
remain in jQuery’s main test files; only the minimal test fixture markup
and setup code should be placed in the iframe file.

testIframe( testName, fileName,
  function testCallback(
      assert, jQuery, window, document,
	   additional args  ) {
	...
  } );

This loads a page, constructing a url with fileName .
The iframed page determines when the callback occurs in the test by
including the «/test/data/iframeTest.js» script and calling
when appropriate. Often this
will be after either document ready or fires.

The receives the QUnit object created by
for this test, followed by the global , , and from
the iframe. If the iframe code passes any arguments to ,
they follow the argument.

jQuery UI 1.11

Jquery события

uncompressedminified

Themes

black-tieblitzercupertinodark-hivedot-luveggplantexcite-bikeflickhot-sneakshumanityle-frogmint-chocovercastpepper-grinderredmondsmoothnesssouth-streetstartsunnyswanky-pursetrontasticui-darknessui-lightnessvader

Previous Releases

jQuery UI 1.11.3 — uncompressed, minified, theme
jQuery UI 1.11.2 — uncompressed, minified, theme
jQuery UI 1.11.1 — uncompressed, minified, theme
jQuery UI 1.11.0 — uncompressed, minified, theme
jQuery UI 1.11.0-beta.2 — uncompressed, minified, theme
jQuery UI 1.11.0-beta.1 — uncompressed, minified, theme

Где скачать библиотеку

Новую версию библиотеки можно скачать с официального jQuery CDN:

http://code.jquery.com/jquery-2.0.0.min.js (сжатая версия)

http://code.jquery.com/jquery-2.0.0.js (для тестирования)

Вскоре данные файлы будут доступны на CDN от Google и Microsoft. Для гарантии функционала, базирующегося на jQuery, указывайте конкретную версию библиотеки, которую хотите использовать.

Если вы будете обновляться с версии 1.9, то разработчики рекомендуют также подключить специальный . Его использовать очень легко. Прикрепляем файл в документе и открываем браузерную консоль для того, чтобы увидеть сообщения.

<script src="http://code.jquery.com/jquery-2.0.0.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.1.js"></script>

How to Use It

jQuery 2.0 is intended for the modern web; we’ve got jQuery 1.x to handle older browsers and fully expect to support it for several more years. If you want, you can serve 2.0 to newer browsers and 1.9 to older ones using our conditional comment trick, but that is not required. The simplest way to support older browsers is to use jQuery 1.x on your site, since it works for all browsers.

With the release of jQuery 2.0, there are a few environments where the jQuery team will no longer support use of the 1.x line because 2.x is a far better choice. These are typically non-web-site scenarios where support for older IE isn’t relevant. They include:

Google Chrome add-ons
Mozilla XUL apps and Firefox extensions
Firefox OS apps
Chrome OS apps
Windows 8 Store (“Modern/Metro UI”) apps
BlackBerry 10 WebWorks apps
PhoneGap/Cordova apps
Apple UIWebView class
Microsoft WebBrowser control
node.js (combined with jsdom or similar)

Many of these environments are themselves a work in progress, and have unique sets of rules or restrictions that are different from the ones typically found when jQuery is used for browsers on Internet web sites. Although we aren’t able to test regularly in all of these non-browser scenarios, we’d like to hear about your experiences in using jQuery with them. Even better, we’d love for the communities supporting these environments to pool and share their knowledge about how to use jQuery 2.0 there.

Применение шаблона

Для объединения шаблона с данными используется метод tmpl(). При этом вы указываете данные, которые должны использоваться, и применяемый к ним шаблон. Пример использования этого метода приведен ниже:

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

Метод tmpl() возвращает стандартный объект jQuery, который содержит элементы, полученные из шаблона. В данном случае это приводит к набору элементов div, каждый из которых содержит элементы img, label и input, сконфигурированные для одного из объектов, содержащихся в массиве данных. Для вставки всего набора в качестве дочернего элемента в элемент row1 используется метод appendTo(). Результат представлен на рисунке:

Модификация результата

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

В этом примере методы slice() и end() используются для сужения и расширения набора выбранных элементов, а метод appendTo() — для добавления поднаборов элементов, сгенерированных с помощью шаблона, в различные ряды.

Обратите внимание: для возврата набора в исходное состояние, в котором он находился до применения методов slice() и appendTo(), метод end() пришлось вызывать два раза подряд. Ничего противозаконного в этом нет, и я охотно использую метод end(), чтобы выполнить необходимые действия в рамках одной инструкции, но последовательность end().end() не вызывает у меня восторга

В подобных случаях я предпочитаю разбивать всю последовательность действий на ряд отдельных операций, как показано в примере ниже:

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

Изменение способа предоставления входных данных

Другой возможный подход заключается в изменении способа передачи данных методу tmpl(). Соответствующий пример приведен ниже:

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

Как подключить скрипт jQuery в html

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

Подключение последней версии jQuery:

<script src="/assets/js/jquery-3.5.1.min.js"></script>

При этом разместить можно как секции в , так и в . Но где же лучше?

Раньше (до появления режимов и ) это рекомендовалось делать перед закрывающим тегом :

  ...
  <script src="/assets/js/jquery-3.5.1.min.js"></script>
</body>
</html>

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

Если бы мы сделали это по-другому, например, поместили в раздел , то создали бы «задержку» при обработке страницы в самом её начале. А это привело бы к тому, что пользователю пришлось бы дольше ждать отображения контента страницы.

Но сейчас так делать не рекомендуется. Лучше размещать скрипты как можно выше (в разделе ) с добавлением к ним атрибута или . Эти атрибуты будут «говорить» браузеру, что скрипт нужно загрузить в фоне, не останавливая при этом основной поток обработки страницы. Это позволит сделать сайт более производительным.

  ...
  <!-- отложенная загрузка библиотеки jQuery -->
  <script defer src="/assets/js/jquery-3.5.1.min.js"></script>
  ...
</head>
...

Использовать атрибут применительно к jQuery не имеет смысла, т.к. эту библиотеку мы в основном используем для изменения DOM. Но перед тем, как править DOM, он должен быть построен. Это сделать нам поможет использование атрибута . Атрибут гарантирует что скрипт выполниться только после того, как дерево DOM будет построено, но до события .

При этом, если на странице имеется несколько внешних скриптов с атрибутом , то они будут выполняться строго в том порядке, в котором они расположены в коде.

Пример отложенного подключения jQuery и своего внешнего скрипта, зависящего от этой библиотеки:

<!-- сначала выполнится jQuery -->
<script defer src="/assets/js/jquery-3.5.1.min.js"></script>
<!-- после jQuery свой скрипт, зависящий от jQuery -->
<script defer src="/assets/js/main.min.js"></script>

При непосредственном размещении JavaScript кода в HTML документе его необходимо поместить в обработчик события DOMContentLoaded (в этом случае его код выполнится после загрузки библиотеки jQuery):

<script>
  document.addEventListener('DOMContentLoaded', function() {
    // код, зависящий от jQuery
    ...
  });
</script>
<!-- отложенная загрузка jQuery -->
<script defer src="/assets/js/jquery-3.5.1.min.js"></script>

jQuery UI 1.10

uncompressedminified

Themes

Previous Releases

jQuery UI 1.10.3 — uncompressed, minified, theme
jQuery UI 1.10.2 — uncompressed, minified, theme
jQuery UI 1.10.1 — uncompressed, minified, theme
jQuery UI 1.10.0 — uncompressed, minified, theme
jQuery UI 1.10.0-rc.1 — uncompressed, minified, theme
jQuery UI 1.10.0-beta.1 — uncompressed, minified, theme

jQuery Migrate — All Versions

jQuery Migrate 3.3.2 — uncompressed, minified
jQuery Migrate 3.3.1 — uncompressed, minified
jQuery Migrate 3.3.0 — uncompressed, minified
jQuery Migrate 3.2.0 — uncompressed, minified
jQuery Migrate 3.1.0 — uncompressed, minified
jQuery Migrate 3.0.1 — uncompressed, minified
jQuery Migrate 3.0.0 — uncompressed, minified
jQuery Migrate 1.4.1 — uncompressed, minified
jQuery Migrate 1.4.0 — uncompressed, minified
jQuery Migrate 1.3.0 — uncompressed, minified
jQuery Migrate 1.2.1 — uncompressed, minified
jQuery Migrate 1.2.0 — uncompressed, minified
jQuery Migrate 1.1.1 — uncompressed, minified
jQuery Migrate 1.1.0 — uncompressed, minified
jQuery Migrate 1.0.0 — uncompressed, minified

Подключаем jQuery

Для того чтобы добавить jQuery на страницу, необходимо расположить тег с атрибутом , в котором указывается путь к скачанному файлу с jquery.min.js. Например, разместите следующий код в секции или до основного скрипта:

Подключаем jQuery и свой скрипт

JavaScript

//Очень часто это такой путь:
<script src=»js/jquery-3.5.0.min.js»></script>
<script src=»js/myscript.js»></script>

1
2
3
4
5
6

//Очень часто это такой путь:

Подключение jQuery из локальной папки имеет следующие плюсы:

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

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

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

Where to Get It

The final jQuery 2.0.0 files can be found here on the jQuery CDN:

http://code.jquery.com/jquery-2.0.0.min.js (minified, for production)
http://code.jquery.com/jquery-2.0.0.js (unminified, for testing)

The files should also be available on the Google and Microsoft CDNs soon, but please give these folks a few days before releasing a storm of impatient tweets. Also remember that production web sites should be requesting a specific version from any CDN; using a non-specific version like or is considered harmful to your web site’s health and performance.

If you’re upgrading from a version before 1.9, we recommend that you use the and read the jQuery 1.9 Upgrade Guide, since there have been a lot of changes. It’s easy to use the plugin, just include it in your HTML file after jQuery and open your browser console to see the messages it generates:

<script src="http://code.jquery.com/jquery-2.0.0.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.1.js"></script>

Список функций

Название	Описание
$.contains()	Проверяет, содержится ли один элемент страницы внутри другого.
$.extend()	Объединяет два или более javascript-объекта.
$.globalEval()	Выполняет заданный скрипт в глобальной области видимости.
$.grep()	Ищет в заданном массиве элементы удовлетворяющие условиям.
$.inArray()	Ищет в заданном массиве конкретный элемент и возвращает его индекс (или -1 в случае отсутствия элемента).
$.isArray()	Проверяет, является ли заданный элемент массивом.
$.isEmptyObject()	Проверяет наличие (точнее отсутствие) содержимого в заданном объекте.
$.isFunction()	Проверяет, является ли заданный элемент функцией.
$.isNumeric()	Проверяет, является ли заданный элемент числом.
$.isPlainObject()	Проверяет, является ли заданный элемент пользовательским объектом (задан средствами «{}» или «new Object»).
$.isWindow()	Проверяет, является ли заданный элемент объектом типа window.
$.isXMLDoc()	Проверяет, находится ли DOM-объект внутри XML-документа (или сам является XML-документом).
$.makeArray()	Конвертирует массиво подобные объекты, в массивы.
$.map()	Выполняет заданную функцию для каждого элемента массива или каждого поля объекта в отдельности.
$.merge()	Объединяет содержимое нескольких массивов, записывая его в первый из них.
$.noop()	Пустая функция.
$.parseJSON()	Конвертирует строку с json-данными в javascript-объект.
$.parseXML()	Конвертирует строку xml в xml-документ.
$.proxy()	По заданной функции, создает другую, внутри которой переменная this будет равна заданному значению.
$.trim()	Удаляет пробелы из начала и конца заданной строки.
$.type()	Определяет класс заданного объекта (речь идет о внутренних классах javascript: string, boolean и т.д.).
$.unique()	Сортирует заданный массив с DOM-элементами, выстраивая их в порядке расположения в DOM, а так же удаляя повторения.

Download

You can get the files from the jQuery CDN, or link to them directly:

You can also get this release from npm:

Slim build

Sometimes you don’t need ajax, or you prefer to use one of the many standalone libraries that focus on ajax requests. And often it is simpler to use a combination of CSS and class manipulation for web animations. Along with the regular version of jQuery that includes the ajax and effects modules, we’ve released a “slim” version that excludes these modules. The size of jQuery is very rarely a load performance concern these days, but the slim build is about 6k gzipped bytes smaller than the regular version. These files are also available in the npm package and on the CDN:

These updates are already available as the current versions on npm and Bower. Information on all the ways to get jQuery is available at https://jquery.com/download/. Public CDNs receive their copies today, please give them a few days to post the files. If you’re anxious to get a quick start, use the files on our CDN until they have a chance to update.

Чего-нибудь с ними делаем

Firebugvisualjquery.comприм.: можно и без Firebug: достаточно загрузить jQuery с помощью указанной ссылки и вызвать приведенные примеры в адресной строке браузера, не забыв в начале и какой-либо в конце (чтобы на страницу не выводилось возвращаемое значение)

Выставляет ширину в 300 пикселей.
Выставляет высоту строки в 1.8em для всех параграфов.
Применяет 2 CSS-правила для каждого пункта списка; заметьте, что функция css() может принимать объект таблицы стилей вместо двух строк.
Добавляет класс для всех внешних ссылок (тех, что начинаются с ), затем добавляет , чтобы увеличить различие. В данном примере используется цепочка вызовов, описанная ниже.
Для каждого тега на странице выводит сообщение (alert) с его текстовым содержанием (включая HTML-теги).
Заменяет весь текст в ссылках на странице призывом «Нажми здесь!».

Какая ширина у первого на странице?
Какое значение у атрибута у первой картинки на странице?
Какой цвет у первого ?

Возвращает все , у которых нет атрибута .
Возвращает все элементы, которые являются непосредственными родителями .
Возвращает все элементы, вложенные в .
Находит пятый параграф на странице, потом находит следующий элемент (т.е. непосредственного соседа справа).
Находит родительский элемент для формы, которая содержит первое поле на странице. Опциональным параметром для является другой селектор.

Legacy versions

1.3.2

ZIP file

If you want to host the files yourself you can download a zip of all the files:

Zip File: jquery.mobile-1.3.2.zip (JavaScript, CSS, and images)

jQuery CDN

JavaScript:

Uncompressed: jquery.mobile-1.3.2.js (useful for debugging)
Minified and Gzipped: jquery.mobile-1.3.2.min.js (full library, ready to deploy)

CSS:

Uncompressed with Default theme: jquery.mobile-1.3.2.css (useful for debugging)
Minified and Gzipped with Default theme: jquery.mobile-1.3.2.min.css (full library, ready to deploy)
Uncompressed structure without a theme: jquery.mobile-1.3.2.css (useful for theme development)
Minified and Gzipped structure without a theme: jquery.mobile-1.3.2.min.css (to be used with custom theme, ready to deploy)

Copy-and-Paste snippet for jQuery CDN hosted files:

Microsoft CDN

Microsoft CDN – jQuery Mobile

1.2.1

ZIP file

If you want to host the files yourself you can download a zip of all the files:

Zip File: jquery.mobile-1.2.1.zip (JavaScript, CSS, and images)

jQuery CDN

JavaScript:

Uncompressed: jquery.mobile-1.2.1.js (useful for debugging)
Minified and Gzipped: jquery.mobile-1.2.1.min.js (full library, ready to deploy)

CSS:

Uncompressed with Default theme: jquery.mobile-1.2.1.css (useful for debugging)
Minified and Gzipped with Default theme: jquery.mobile-1.2.1.min.css (full library, ready to deploy)
Uncompressed structure without a theme: jquery.mobile-1.2.1.css (useful for theme development)
Minified and Gzipped structure without a theme: jquery.mobile-1.2.1.min.css (to be used with custom theme, ready to deploy)

Copy-and-Paste snippet for jQuery CDN hosted files:

Microsoft CDN

Microsoft CDN – jQuery Mobile

1.1.2

ZIP file

If you want to host the files yourself you can download a zip of all the files:

Zip File: jquery.mobile-1.1.2.zip (JavaScript, CSS, and images)

jQuery CDN

JavaScript:

Uncompressed: jquery.mobile-1.1.2.js (useful for debugging)
Minified and Gzipped: jquery.mobile-1.1.2.min.js (full library, ready to deploy)

CSS:

Uncompressed with Default theme: jquery.mobile-1.1.2.css (useful for debugging)
Minified and Gzipped with Default theme: jquery.mobile-1.1.2.min.css (full library, ready to deploy)
Uncompressed structure without a theme: jquery.mobile-1.1.2.css (useful for theme development)
Minified and Gzipped structure without a theme: jquery.mobile-1.1.2.min.css (to be used with custom theme, ready to deploy)

Copy-and-Paste snippet for jQuery CDN hosted files:

Microsoft CDN

Microsoft CDN – jQuery Mobile

1.0.1

ZIP file

If you want to host the files yourself you can download a zip of all the files:

Zip File: jquery.mobile-1.0.1.zip (JavaScript, CSS, and images)

jQuery CDN

JavaScript:

Uncompressed: jquery.mobile-1.0.1.js (useful for debugging)
Minified and Gzipped: jquery.mobile-1.0.1.min.js (full library, ready to deploy)

CSS:

Uncompressed with Default theme: jquery.mobile-1.0.1.css (useful for debugging)
Minified and Gzipped with Default theme: jquery.mobile-1.0.1.min.css (full library, ready to deploy)
Uncompressed structure without a theme: jquery.mobile-1.0.1.css (useful for theme development)
Minified and Gzipped structure without a theme: jquery.mobile-1.0.1.min.css (to be used with custom theme, ready to deploy)

Copy-and-Paste snippet for jQuery CDN hosted files:

Microsoft CDN

Microsoft CDN – jQuery Mobile

Essential Git

As the source code is handled by the Git version control system, it’s useful to know some features used.

Cleaning

If you want to purge your working directory back to the status of upstream, the following commands can be used (remember everything you’ve worked on is gone after these):

git reset --hard upstream/main
git clean -fdx

Rebasing

For feature/topic branches, you should always use the flag to , or if you are usually handling many temporary «to be in a github pull request» branches, run the following to automate this:

git config branch.autosetuprebase local

(see for more information)

Handling merge conflicts

If you’re getting merge conflicts when merging, instead of editing the conflicted files manually, you can use the feature
. Even though the default tool looks awful/old, it’s rather useful.

The following are some commands that can be used there:

— automerge as much as possible
— jump to next merge conflict
— change the order of the conflicted lines
— undo a merge
— mark a block to be the winner
— mark a line to be the winner
— save
— quit

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

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

Несколько примеров:

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

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

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

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

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

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

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

Основные изменения jQuery 2.0

Устранение поддержки IE 6/7/8 – это также может касаться и IE 9/10, если в них активирована функция «Представление совместимости».

Уменьшение размера библиотеки – размер библиотеки сократился на 12%.

Появилась возможность настройки библиотеки под себя – теперь у нас появилась возможность выбирать, какие из 12 модулей библиотеки нам нужны (ajax, ajax/xhr, ajax/script, ajax/jsonp, css, deprecated, dimensions, effects, event-alias, offset, wrap, sizzle), чтобы ещё больше уменьшить размер файла.

Схожесть с API версии 1.9 – jQuery 2.0 API совместим с версией 1.9. Это означает, что все изменения версии 1.9 плавно перешли и в новую версию. Если вы ещё не перешли на jQuery 1.9, то воспользуйтесь .

Как использовать новую версию

jQuery 2.0 направлен на разработку под современные технологии. jQuery 1.x будет продолжать развиваться ещё пару лет, поддерживая старые браузеры. Если же у вас есть необходимость подключать обе библиотеки, в зависимости от функционала, то в помощь вам специальные проверки:

<!-->
    <script src="jquery-1.9.1.js"></script>
    <!-->
    <!--><!-->
	<script src="jquery-2.0.0.js"></script>
<!--<!-->

С выходом новой версии, расширилась среда применения jQuery:

Плагины Google Chrome
Приложения и расширения для Mozilla
Приложения Firefox OS
Приложения Chrome OS
Приложения Windows 8
Приложения Blackberry 10
Приложения PhoneGap/Cordova
Класс Apple UIWebView
Microsoft WebBrowser
Расширение для Node.js

Ну что же, будем следить за новостями jQuery 2.0 и в дальнейшем публиковать уроки и на эту тему.

Как проверить работу jQuery на сайте

А как проверить, подключена и работает ли библиотека jQuery на сайте? Сделать это достаточно просто. Можно пойти двумя путями: добавить небольшой скрипт в поле head или body, или воспользоваться возможностями браузера.

В сети нашёл несколько вариантов скриптов для этой цели:

<script>
$(document).ready(function(){
    $('body').append('<br/>Этот текст добавлен с помощью jQuery');
});
</script>

Или так:

<script>
 $(document).ready(function(){
 alert(jQuery.fn.jquery);
 });
 </script>

Как это работает? Если jQuery подключена, то при переходе на любую страницу своего сайта, мы увидим надпись: «Этот текст добавлен с помощью jQuery».

Ещё один вариант скрипта:

<script>
if (window.jQuery) alert("jQuery подключен");
else alert("jQuery не подключен");
</script>
<script>
$(document).ready(function(){
alert(jQuery.fn.jquery);
});
</script>

Если jQuery не работает, то увидим такое сообщение: «jQuery не подключен».

Есть и более простой способ проверить правильность подключения jQuery. При помощи клавиши F12 вызвать консоль браузера и выполнить следующую команду:

Если увидели цифры, то это и есть версия подключенной jQuery.

Или так:

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

var msg;
if (window.jQuery) {
    msg = 'Вы используете такую версию jQuery: ' + jQuery.fn.jquery;
} else {
    msg = 'jQuery не подключена';
}
alert(msg);

Всем WEB!

Used By

NuGet packages (1.0K)

Showing the top 5 NuGet packages that depend on jQuery:

Package	Downloads
jQuery.Validation This jQuery plugin makes simple clientside form validation trivial, while offering lots of option for customization. That makes a good choice if you’re building something new from scratch, but also when you’re trying to integrate it into an existing application with lots of existing markup. The plugin comes bundled with a useful set of validation methods, including URL and email validation, while providing an API to write your own methods. All bundled methods come with default error messages in english and translations into 32 languages. NOTE: This package is maintained on behalf of the library owners by the NuGet Community Packages project at http://nugetpackages.codeplex.com/	54.9M
Microsoft.jQuery.Unobtrusive.Validation jQuery plugin that unobtrusively sets up jQuery.Validation.	49.9M
jQuery.UI.Combined jQuery UI is an open source library of interface components — interactions, full-featured widgets, and animation effects — based on the stellar jQuery javascript library . Each component is built according to jQuery’s event-driven architecture (find something, manipulate it) and is themeable, making it easy for developers of any skill level to integrate and extend into their own code. NOTE: This package is maintained on behalf of the library owners by the NuGet Community Packages project at http://nugetpackages.codeplex.com/	29.2M
Microsoft.jQuery.Unobtrusive.Ajax jQuery plugin that unobtrusively sets up jQuery Ajax.	22.3M
Microsoft.AspNet.SignalR.JS JavaScript client for ASP.NET SignalR.	17.2M

GitHub repositories (220)

Showing the top 5 popular GitHub repositories that depend on jQuery:

Repository	Stars
SignalR/SignalR Incredibly simple real-time web for .NET	8.4K
dotnet/orleans Orleans is a cross-platform framework for building distributed applications with .NET	7.6K
JeffreySu/WeiXinMPSDK 微信全平台 SDK Senparc.Weixin for C#，支持 .NET Framework 及 .NET Core、.NET 6.0。已支持微信公众号、小程序、小游戏、企业号、企业微信、开放平台、微信支付、JSSDK、微信周边等全平台。 WeChat SDK for C#.	6.8K
microsoft/ailab Experience, Learn and Code the latest breakthrough innovations with Microsoft AI	6.4K
ServiceStack/ServiceStack Thoughtfully architected, obscenely fast, thoroughly enjoyable web services for all	4.9K

jQuery и AJAX

jQuery('div#intro').load('/some/fragment.html');

jQuery.get('/some/script.php', {'name': 'Simon'}, function(data) {
    alert('Сервер ответил: ' + data);
}); // GET-запрос к /some/script.php?name=Simon

jQuery.post('/some/script.php', {'name': 'Simon'}, function(data) {
    alert('Сервер ответил: ' + data);
}); // POST-запрос к /some/script.php

jQuery.getJSON('/some.json', function(json) {
    alert('JSON выдал: ' + json.foo + ' ' + json.bar);
}); // Возвращает и преобразует ответ от /some.json как JSON

jQuery.getScript('/script.js'); // GET-запрос к /script.js и eval()