The OpenNET Project / Index page

[ новости /+++ | форум | теги | ]



Индекс форумов
Составление сообщения

Исходное сообщение
"Релиз JavaScript-библиотек jQuery 1.6 и Ext JS 4"
Отправлено ixti, 04-Май-11 12:07 
Имхо стоит дополнить, новость тем, что в jQuery (как и в Ext4 судя по посту выше) поломали обратную совместимость. По Ext не скажу ибо не ковырл его ни разу :)) а вот по jQuery немного подробнее хотел бы.

Итак в новой версии были сделаны следующие измененя "ломающие" совместиость:

1. Метод `data()` теперь camelCase'ит названия с дефисами. Допустим имеется элемент с аттрибутом data-max-value="15". В предыдущих версиях `data()` вернул бы объект { max-value: 15 }. Начиная с этого выпуска он вернёт: { maxValue: 15 }

2. Второе (имхо самое важное) изменение, связанно с использованием группы методов `attr()` и иже с ним.

2.1. Теперь `attr()` возвращает имеенно значение атрибута, а `prop()` свойства. Допустим имеется поле ввода (input) с value="abc". В начальный момент времени, оба `attr` и `prop` вернут "abc", а вот после того как скажем пользователь изменит введённый текст на "abcdef", `attr('value')` вернёт по прежнем "abc", а вот `prop('value')` вернёт значение свойства, то есть "abcdef".

То есть по сути всё что раньше делали с `attr` можно заменить на `prop` (об этом чуть ниже).

2.2. Вследствие вышеописанного изменилась семантика работы с аттрибутами типа `checked`. Например у `[input type="checkbox" checked]`, аттрибут `checked` вернёт пустую строку (ну или undefined если его вообще не было указано), в то время как свойство будет булево true.

Таким образом, когда пользователь кликнет по checkbox'у, значение `attr()` останется неизменным, пустая строка в случае с нашим примером. А вот `prop()` вернёт реально поожение вещей ;)) либо true либо false.


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

(function ($, undefined) {
  var warn = (console || {}).log || $.noop;

  $.fn.attr = function () {
    warn(Error('attr usage should be reviewed'));
    return $.fn.prop.apply(this, arguments);
  };

  // и вот у нас снова работает attr :))
})(jQuery.sub());

 

Ваше сообщение
Имя*:
EMail:
Для отправки ответов на email укажите знак ! перед адресом, например, !user@host.ru (!! - не показывать email).
Более тонкая настройка отправки ответов производится в профиле зарегистрированного участника форума.
Заголовок*:
Сообщение*:
 
При общении не допускается: неуважительное отношение к собеседнику, хамство, унизительное обращение, ненормативная лексика, переход на личности, агрессивное поведение, обесценивание собеседника, провоцирование флейма голословными и заведомо ложными заявлениями. Не отвечайте на сообщения, явно нарушающие правила - удаляются не только сами нарушения, но и все ответы на них. Лог модерирования.



Партнёры:
PostgresPro
Inferno Solutions
Hosting by Hoster.ru
Хостинг:

Закладки на сайте
Проследить за страницей
Created 1996-2024 by Maxim Chirkov
Добавить, Поддержать, Вебмастеру