Как стать автором
Обновить

Комментарии 83

Большое спасибо! В избранное
Согласен. Тож кинул в избранное. Очень полезно, самому разбираться надоело.
Ого! Вот это пост! До вечера дочитаю! {надеюсь...}

Спасибо!
бляха муха когда сделаю кнопочку «версия для печати»
или я гоню?
Надо надо, думаю если не сделают придётся самим делать (userJS/грисманки...)
НЛО прилетело и опубликовало эту надпись здесь
Если бы он был все вопросы бы отпали
Очень здорово что есть люди, которые пишут такие статьи. В закладки однозначно!
копипаст и баян.
точно. причем на хабре неоднократно фигурировали сцылки на оригинал пост
автор, пардон.
прогнал. беру свои слова обратно.

я думаю, твоя статья давно уже стала азбукой для русских жквери прогеров.
может и копипаст, но ИМХО такие вещи надо время от времени и копипастить, и боянить
Даже если и копипаст — все равно огромное спасибо. Так бы может никогда не добрался.
именно с этого начал работать с Jqery, спасибо…
а тем кто про копипасты пишет — посмотрите хоть автора этого топика, и собственно оригинал откуда)))
Ничего, что оригинал находится в личном блоге автора данного топика?
вот именно поэтому я и забрал свои слова обратно:)
Хороший и надежный старый друх !)
Полтора года назад познакомившись с ним, заинтересовался серьезным JS-программингом в целом.

Единственный, небольшой, минус jQ — относительно громоздкое ядро.
Недавно на хабре пробегал топик о том, что автор jQuery работает над новым движком:
На картинках наглядно. По мне так информация всегда легче осваивается, если текст разбавлен есть понятными картинками размещенными по делу
НЛО прилетело и опубликовало эту надпись здесь
Шикарно, спасибо!
НЛО прилетело и опубликовало эту надпись здесь
В каком браузере?
Может, я неправ, но конфигурация компьютера (немного слабое железо) может влиять на скорость рендеринга?
Ничего личного, конечно.
О. Внимательнее присмотрелся: такое впечатление, что рывок у блока получается тогда, когда элемент H3 занимает положение padding-bottom предыдущего элемента P. У высота+паддинг равны 21 px, а padding-bottom предыдущего равен 20 px.
Разумеется, не претендую на правоту. Всего только версия.
Гм. Мой недосмотр: Хабр пожрал тэги :(
Тут про Jquery разговор идет. Что за манера лесть со своим самоваром ;)
У Jquery есть свое отличное решение jquery.bassistance.de/accordion/demo/
Только недавно перечитывал ваш оригинальный пост. Огромное спасибо за этот небольшой, но весьма информативный туториал. Он мне очень сильно помог в изучении jQuery.
Очень рад что прочитать эту стать. Большущее спасибо автору. Всё наглядно, можно легко разобраться.
Добавил в избранное, но меня уже начинают бесить схемы типа «После нее вам будет все понятно», а смотришь а там тьма, можно заблудится…
Я лично учился по статье из журнала RSDN jQuery – Javascript нового поколения, статья хоть и 2007 но все доступно и понятно…
Наглядность при изучении никогда не мешает. Особенно для адептов.
Считаю, что схема и иллюстрации в данной статье — уместны.
К иллюстрациям я не имею претензий, а возможность посмотреть как оно работает вообще приветствую…
По поводу схемы она большая а определяет частный случай использования, и не показывает и 10% способности фреймворка…
Я выражаю свою точку зрения, а принимать ее или нет это уже судить вам…
а как же упомянуть о том, что это — перевод?
и упомянуть ссылку с оригиналом

нашел в гугле по «don't forget to include the Color Animations plugin» =)
о, ссылку вижу в конце.
если она и была до моего коммента, то приношу свои извинения =)
НЛО прилетело и опубликовало эту надпись здесь
да и читается она очень просто…
а по мне она нудновата. а вот «Learning jQuery» мне очень даже понравилась.
Не понимаю чего можно учить в фреймворке. Не умеешь язык — знание фреймворка не спасет, умеешь — учить нечего, достаточно списка объектов/модулей с описанием методов/функций.

Очень понравился подход к комментированию кода (который на картинках), наглядно и понятно.
НЛО прилетело и опубликовало эту надпись здесь
Большое спасибо! Для новичков как раз самое то :) Когда-то мне очень не хватало такой статьи…
За статью спасибо в любом случае, но как по мне — так лучше доков для обучения ничего нет.
Ребят, интересует такая вещь:
Есть таблица, в нее динамически подгружаются новые элементы.
Как на jQuery сделать, что если в таблице tr элементов больше 20ти, то удаляем лишние снизу.
Я два дня искал выход, и так и не нашел. В данный момент использую решение на JavaScripts, но хотелось бы красивее.

tableRows = parseInt(document.getElementById('qStats').rows.length);
if(tableRows > 20)
{
for(i=tableRows-20; i>2; i--)
{
$(«#stat tr: last»).remove();
}
}

qStats — это id таблицы. Подскажите, если кто знает.
var qs = $("#qStats);
while ( qs.rows.length > 20 )
  $("tr:last", qs).remove();


наверное, так как-нить.
$(«tr: gt(20)»).remove();
парсер, парсер… должно выглядеть так:
$("tr:gt(5)").remove();
тьфу блин вместо 5, будет 20, в общем индекс после которого стирать все остальные строки будет нужно туда вписать — больше 20 строк, значит 20
спасибо)
прикольно.
спасибо, не знал =)
Картинки великолепны! Спасибо за статью.
Это была последняя капля! Все! Начинаю изучать!
Автору большое спасибо!
спасибо, давно хочу изучить jQuery.
А на русском языке книг не подскажите, а то тут только англоязычные постили?
какая-то дерганая гармошка в примере получилась. или стили наездов контролируются?

а вот галерею именно такую хотел давно прикрутить к одному портфолио
Удобненько, попробую где-нибудь применить.
Хм. Аж захотелось попробовать где-то применить эту jQuery. Молодец.
Спасибо за статейку. Еще много всего про сабж есть тут.
>именно от принципов CSS отталкивает селектор jQuery

Вы забыли упомянуть то, что Jquery, помимо CSS отлично понимает Xpath.

К примеру
$("label[@for = 'field_name']")
Отличная статья.
Особенно мне — я только вчера решил что раз все вокруг так много говорят об этом фремворке — надо его ботать.
Но вот вопрос — есть ли где-то переведенный док по всем встроенным функциям библиотеки?
Или исключительно прямиком к разработчикам ботать англоязычные доки?
rsdn.ru/article/inet/jQuery.xml — вот тут большинство функций описано.
Спасибо большое, обязательно почитаю.
Огромное спасибо за описание, давно хотел с этим разобраться но из-за низкого знания JavaScript нечего не получалось, а тут все очень докладно написано, а главное есть полно рабочих примеров. Еще раз спасибо за статью.
а может кто ответит — пробовал с ходу сделать выезжающее меню — т.е. есть кнопка, onmouseover снизу выезжает меню. так вот анимация имеет гемор (многие о нём знают) — если кнопка получила onmouseover а потом юзер повел мышку на меню — то меню сначала скроется, а потом опять показывается. stop() не особо помогает — меню забывает до какого размера «выростать»
Разделяйте ф-ции показа и скрытия меню. При показе очередного пункта меню проверяйте, есть ли открытые и тогда их сворачивайте. Ну и в случае, к примеру, клика по пункту меню. Во всех остальных случаях ф-ция скрытия пунктов меню просто не должна запускаться.
Даешь версию для печати, да чтобы в ней можно было чекбоксами пометить комментарии которые печатать — ибо бывают весьма ценными.
Спасибо, сильно ускорило рабочий процесс.
Почему-то в русскоязычных статьях забывают написать о таком факте:

Вызов $(selector) всегда вернёт массив из отобранных элементов.

Соответственно, можно смело
1) писать код для выполнения действий над пустым множеством;
2) проверять наличие по .length

Магия jQuery во многом заключена именно в расширении получаемого массива методами $.fn.
Вообще, jQuery близок к реляционной алгебре, благодаря чему и настолько эффективен. :)
опаньки! наконец-то нашел грамотный фреймворк :)
Вот такой вопрос, может кто подскажет:

Есть у меня на странице некоторые элементы, а именно строки таблицы, да и вообще много чего, на которые наложены хуки на .hover, .click.
Но при обновлении контента через AJAX эти хуки перестают работать. хотя должны. как это лечить?
Хорошая мысль, чем заниматься на работе — изучать jQuery. Т.к. серьезными вещами заняться из-за постоянного дергания пока не получается, будем тратить время с умом.

Спасибо за ссылки. Я регулярно отсматривал www.webdesignerwall.com. Но прошло много времени и этот тутор пропустил.
Круто! Уже много наслышан про Jquery. Никак не мог начать разбираться.
Настало время…
Автору Спасибо!
примеры действительно для начинающих
попробовал применить «гармошку» и столкнулся с проблеммой
если я хочу вывести не просто

<p > текст </p>

а какие-то еще элементы внутри, например —

<p ><table ><tr><td>текст</td></tr></table></p>

все перестает работать… не подскажите как быть?
Спасибо большой — ужасно рад найдя эту статью!
Хорошая статья! Спасибо!
Большое спасибо за статью.
Но у меня возник вопрос. Возможно глупый, но объясните пожалуйста. Почему пока я не написал reutrn false в конце этой строки $(this).toggleClass(«active»); Слайдер не заработал.
Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.