jQuery 1.4: 15 новых возможностей

[basilkot]

Скорее всё-таки «тип очереди», поскольку может быть не только очередь эффектов.

[basilkot]

«In fact, this works on any queue, but its most common use case will probably be with the „fx“ queue.»

То есть любая очередь, а не только 'fx'. Как я понимаю эти очереди относятся не только к анимации и эффектам.

Скорее будет правильно «очереди, отличной от очереди эффектов, которая используется по умолчанию».

[deerua]

Переноси уже в блог ДжавоСкрипта!
зы: не забудь на него подписаться ;)

[deerua]

А лучше сразу в ДжиКвери ;)

[Isis]

www.linkexchanger.su/2010/114.html

[pavel_manylov]

Люди, за что коммент человека минусуете? В нём дан линк на пост уважаемого многими автора, который перевёл и написал массу всего о jquery. Его статье о 1.4, как минимум, стоит уделить внимание.

[Guria]

Люди нелюбят ходить по ссылкам без описания, а домен вызывает негативные ассоциации — вот и результат.
В следующий раз не станет лениться.
ЗЫ поправил немножко

[Olegbl4]

> 1. Передача атрибутов jQuery(...)
Эта фича называется «Быстрое создание элементов»

Осмелюсь продолжить, т.к есть маленькие, но очень приятные дополнения:

.get() и .eg() теперь принимают отрицательные значения
Смысл такой же как и везде .get(-1) вернёт последний элемент коллекции. Также для удобства появились методы .first() и last(), соответственно eq(0) и eq(-1).

Очистка очереди .clearQueue()
Очередь выполнения функций теперь можно очистить методом .clearQueue(), причём из неё удалятся только незапущенные функции, а уже запущенные не остановятся. Использование .clearQueue() без параметров очистит fx очередь.

Интуитивный .index
Метод .index() был переписан и стал понятнее и быстрее.
Теперь получить порядковый номер элемента по отношению к его соседям можно так

$("li.current").index() // находит индекс элемент <li class="current">

Также можно получить порядковый номер элемента по отношению к указанной коллекции элементов, указав её в качестве селектор или DOM элемента.

$("#more-info").index("h3") // Получить индекс элемента h3#more-info среди всех h3

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

[Olegbl4]

Правда и в весе jQuery 1.4 тоже прибавил. 74Кб против 57Кб версии 1.3 (конечно же имею ввиду minified версию). Мне кажется разработчикам стоит подумать о модульности или о создании лёгкой версии.

[basilkot]

Я считаю, что 17Кб, при грамотной организации сайта, ничего не значат. Зато эффект при написании кода, в том числе и скорость разработки, дают гораздо больший выигрыш.

[denisx]

используй gzip, будет 27Kb :)

[sapegin]

23 :)

[pxx]

5. Новые события для метода live.
В jQuery 1.4 появилась поддержка обработчиков событий «submit», «change», «focus» и «blur».

А еще mouseenter и mouseleave, что немаловажно. Но это произошло еще в версии 1.4 alpha2

[Pongo]

Оба этих улучшения редко используются на практике, но они дали потрясающий эффект при разработке jQuery.

Можно ли узнать подробнее про потрясающий эффект?

[denisx]

возможно, пока писали эту реализацию, нашли попутные баги и/или оптимизировали другие вызовы.

[xvoland]

Читаю уже третью статью, про новые возможности jQuery 1.4… и просто восхищён новыми, да и старыми возможностями

[b3atb0x]

Первый полезный пост про 1.4.

[TravisBickle]

По поводу размера — можно юзать googleapis, у многих будет уже закешированный файл даже при первом входе на сайт ;-)

[berkel]

Подскажите, если кто знает, это баг или фича?

jQuery 1.3.2

$('<div><script></script></div>'); // [div]

jQuery 1.4

$('<div><script></script></div>'); // [div, script]

А то хотел перейти на новую версию, а тут такое.

[RayZ]

Да, данный метод изменился. Как написано в документации для 1.0+:

jQuery( html, [ ownerDocument ] )
html = A string of HTML to create on the fly. Note that this parses HTML, not XML.

И к версии 1.4:
jQuery( html, props )
html = A string defining a single, standalone, HTML element (e.g. <div/> or ).

[berkel]

А как тогда это объяснить?

jQuery 1.4

$('<div><p></p></div>'); // [div]
$('<div><script></script></div>'); // [div, script]

[koorchik]

Слежу за JQuery 1.4 очень пристально, но только после этого поста осознал практическую целесообразность использования новой версии. Спасибо автору поста :)

[koorchik]

И еще меня очень порадовало( в особенности в контексте проекта над которым я работаю) ускорение метода remove и возможность вешать live события с контекстом.

[zaurio]

Функция $.data() теперь в качстве аргумента может принимать объект
Если раньше писали

$.data('zkey','zval');

то теперь можно

$.data({zkey:'zval'});

Выяснилась интересная особенность:

// Alert не сработает
$('<div>click me one</div>').click( function(){alert(1)} ).data( {zkey: 'zval'} ).appendTo( 'body' );
//Alert сработает
$('<div>click me two</div>').click( function(){alert(1)} ).data('zkey','zval').appendTo( 'body' );

Вопрос: так должно быть или нет?

[magmoro]

в документации об этом написано, так должно быть:

If we set an element's data using an object, all data previously stored with that element is overridden. Because this data includes events that have been bound to the element, we should use caution when setting .data() with an object.

[esenin]

Молодцы ребята!

[fwm]

Вызов такого кода:
jQuery('p').unwrap();
… вернёт нам следующую структуру:
<p>Foo</p>

[fwm]

прошу прощения, кнопочкой ошибся

<div><p>Foo</p></div>

Вызов такого кода:
jQuery('p').unwrap();

… вернёт нам следующую структуру:
<p>Foo</p>

возможно, имелось в виду

jQuery('div').unwrap();

? :)

[basilkot]

Нет, именно так, как написано. То есть параграф «разворачивается».

[fwm]

ооо, извиняюсь :)
меня сбило с толку слово «вернёт».
этот код не столько вернёт указанную структуру (хотя и это тоже), сколько удалит обёртывающий див из дерева документа :)