Чтобы отпраздновать четвертую годовщину jQuery, официальная команда jQuery официально выпустила jQuery 1.4 . В этой версии официальная команда jQuery проделала большую работу по кодированию, тестированию и документированию. Естественно, она значительно улучшилась по сравнению с предыдущей версией. Давайте посмотрим на новые изменения.
Эта статья разделена на две части. В первой части в основном представлены связанные варианты использования и обновления версии jQuery 1.4. Во второй части используются примеры кода, демонстрирующие обновленные и новые добавленные методы.
【Скачай и позвони】
Как обычно, официальный представитель предоставляет две копии jQuery: одна — сжатая версия (сжатая с помощью Google Closure Compiler, ранее — YUI), а другая — несжатая версия (используется для отладки и чтения).
Версия со сжатием jQuery (23 КБ, после сжатия gzip)
Несжатая версия jQuery (154 КБ)
Ранее предлагалось загружать jQuery через сервер Google для повышения скорости загрузки. Теперь мы по-прежнему можем вызывать сжатый файл версии jQuery 1.4 через сервер Google следующим образом:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"><!--mce:0--></script >
【Новые функции и изменения 】
В jQuery 1.4 многие часто используемые методы jQuery были переписаны. Эти улучшения не только стали проще в использовании, но и значительно повысили производительность.
Примечание. Ниже приводится обзор; любые неизвестные подробности см. в объяснении кода в следующей статье.
1. Добавьте функции установки в некоторые методы.
В предыдущих версиях мы могли передать функцию методу attr() и присвоить возвращаемое значение функции атрибуту. В версии 1.4 эта функциональность была добавлена к другим методам: .css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), . , .after(), .replaceWith(), .wrap(), .wrapInner(), .offset(), .addClass(), .removeClass(), .toggleClass().
Кроме того, в следующих методах вы также можете передать текущее значение в качестве второго параметра функции настройки для использования функцией настройки: .css(), .attr(), .val(), .html() , .text( ), .append(), .prepend(), .offset(), .addClass(), .removeClass() и .toggleClass(). Например:
jQuery('<img src="enter.png" alt="введите свое имя" />')
.attr("альт", функция(индекс, значение) {
вернуть «Пожалуйста» + значение;
});
2. Обновлен основной метод сериализации в jQuery, jQuery.param().
Раньше сериализованный результат для {foo: ["bar", "baz"]} был "foo=bar&foo=baz", но теперь это "foo[]=bar&foo[]=baz".
Цель этого изменения — главным образом сообщить принимающей стороне, что передаваемый объект является объектом массива.
3. В jQuery.ajax , если атрибут dataType не указан, он будет автоматически идентифицирован на основе типа содержимого ответа.
Например: если объект, возвращаемый запросом ajax, имеет тип json (application/json), тип данных будет автоматически указан как «json» (если не указан).
4. Добавьте поддержку Etag в запрос jQuery.ajax.
Раньше jQuery не отправлял значение If-None-Match в заголовке ajax-запроса (то есть не поддерживал Etag), а кеш браузера по умолчанию игнорировался. Теперь его можно включить, указав атрибут ifModified.
Совет: Если вы не знаете о http-заголовках, рекомендуется прочитать эту статью.