css, html, php, javascript, jQuery, ajax … – решения, примеры, рецепты
22 Янв
Несколько дней назад в интернет-магазинах появилась в продаже книга «jQuery. Сборник рецептов». Книга вышла в издательстве «БХВ-Петербург». Написана она мной – автором этого блога. См. второе издание >>
Аннотация:
Книга является сборником решений наиболее часто встречающихся задач при веб-программировании пользовательских интерфейсов с использованием библиотеки jQuery. Рассмотрены практически все методы и вспомогательные функции jQuery, в том числе обеспечивающие взаимодействие jQuery и AJAX. Подробно рассказано о надстройке UI jQuery и приведены описания всех настроек для виджетов, входящих в ее состав, что позволяет использовать книгу в качестве справочника. Приведено большое количество примеров использования наиболее популярных плагинов для jQuery – создание графиков и диаграмм, фотогалерей, навигационных меню, всплывающих подсказок, работа с веб-формами, таймерами и cookies, обработка табличных данных. Компакт-диск содержит примеры, разобранные в книге, файлы библиотеки jQuery версий 1.2.6 и 1.3.2, файлы надстройки UI jQuery, а также файлы рассмотренных в книге расширений сторонних разработчиков.
От себя могу добавить, что книга написана в таком же духе, как и предыдущая: «AJAX. Программирование для Интернета«, т.е. примеры, примеры и еще раз примеры плюс подробные разъяснения….
Полное содержание:
| Введение | 1 |
| Структура книги | 1 |
| Как работать с книгой | 2 |
| Источники информации | 3 |
| Благодарности | 4 |
ЧАСТЬ I. МЕТОДЫ БИБЛИОТЕКИ JQUERY |
5 |
Глава 1. Выбор элементов |
7 |
| 1.1. Базовые правила | 7 |
| 1.2. Выбор элементов с учетом иерархии | 14 |
| 1.3. Основные фильтры | 18 |
| 1.4. Фильтрация по содержимому | 24 |
| 1.5. Фильтры видимых и невидимых элементов | 28 |
| 1.6. Фильтры атрибутов | 29 |
| 1.7. Фильтры элементов форм | 35 |
| 1.8. Фильтры состояния элементов форм | 37 |
| 1.9. Фильтры элементов-потомков | 42 |
Глава 2. Атрибуты элементов |
48 |
| 2.1. Управление атрибутами элементов | 48 |
| 2.2. Работа с атрибутом class | 53 |
| 2.3. Работа с HTML и текстом | 54 |
| 2.4. Работа с атрибутом value | 57 |
Глава 3. Визуальные эффекты |
64 |
| 3.1. Как показывать и скрывать элементы | 64 |
| 3.2. Эффекты «скольжения» и «затухания» | 67 |
| 3.3. Создание анимации | 71 |
| 3.4. Эффекты UI jQuery | 76 |
Глава 4. Работа с CSS-свойствами |
81 |
| 4.1. Как получать и устанавливать значения CSS-свойств элементов | 81 |
| 4.2. Ширина и высота элементов | 85 |
| 4.3. Позиционирование элементов | 88 |
Глава 5. Некоторые методы ядра библиотеки jQuery |
92 |
| 5.1. Примеры работы с объектом jQuery | 92 |
| 5.2. Сохранение и извлечение данных | 97 |
Глава 6. Манипуляции над элементами |
101 |
| 6.1. Изменение содержимого элементов | 101 |
| 6.2. Как вставлять элементы в DOM | 103 |
| 6.3. Замена, удаление и копирование элементов | 113 |
Глава 7. Перемещение по элементам |
120 |
| 7.1. Поиск нужных элементов в DOM | 120 |
| 7.2. Фильтрация элементов набора | 131 |
| 7.3. Перемещение по цепочке вызовов | 138 |
Глава 8. События и их обработка |
142 |
| 8.1. Готовность документа | 142 |
| 8.2. Назначение, удаление и вызов событий | 144 |
| 8.3. Взаимодействие с элементами | 152 |
| 8.4. События | 155 |
Глава 9. Взаимодействие jQuery и AJAX |
161 |
| 9.1. Самое простое | 161 |
| 9.2. GET- и POST-запросы | 166 |
| 9.3. Вспомогательная функция $.ajax(options) | 174 |
| 9.4. Для чего нужна функция $.ajaxSetup(options) | 180 |
| 9.5. События AJAX | 183 |
Глава 10. Утилиты jQuery |
190 |
| 10.1. Некоторые операции с массивами и объектами в jQuery | 190 |
ЧАСТЬ II. РАСШИРЕНИЯ ДЛЯ БИБЛИОТЕКИ JQUERY |
201 |
Глава 11. Меню для веб-сайта |
203 |
| 11.1. Плагин jQuery Multi Level Menu | 203 |
| 11.2. Плагин jQuery Drop Line Menu | 207 |
| 11.3. Плагин jQuery TreeView | 210 |
| 11.4. Делаем меню похожее на Accordion | 216 |
Глава 12. Работа с таблицами |
219 |
| 12.1. Плагин jQuery DataTables | 219 |
Глава 13. Графики и диаграммы |
229 |
| 13.1. Плагин jqPlot | 229 |
Глава 14. AJAX-формы |
242 |
| 14.1. Плагин jQuery Autocomplete | 242 |
| 14.2. Плагин jQuery Form | 252 |
| 14.3. Плагин jQuery Validate | 257 |
| 14.4. Плагин jQuery Uploadify | 264 |
Глава 15. Фотогалереи для сайта |
274 |
| 15.1. Фотогалерея FancyBox | 274 |
| 15.2. Простая фотогалерея | 282 |
Глава 16. Несколько полезных плагинов |
286 |
| 16.1. jQuery Cookie | 286 |
| 16.2. jQuery Corner | 288 |
| 16.3. jQuery Timers | 293 |
| 16.4. jQuery Cluetip | 297 |
Глава 17. UI jQuery — виджеты |
303 |
| 17.1. Виджет Accordion | 303 |
| 17.2. Виджет Datepicker | 314 |
| 17.3. Виджет Dialog | 326 |
| 17.4. Виджет Progressbar | 334 |
| 17.5. Виджет Slider | 337 |
| 17.6. Виджет Tabs | 343 |
Глава 18. UI jQuery — взаимодействие с элементами страницы |
354 |
| 18.1. Draggable — перемещение элементов | 354 |
| 18.2. Droppable — «сброс» элементов | 364 |
| 18.3. Resizable — изменение размеров элементов | 371 |
| 18.4. Selectable — выбор элементов | 377 |
| 18.5. Sortable — сортировка элементов | 385 |
| Литература | 397 |
| Приложение. Описание компакт-диска | 398 |
| Предметный указатель | 400 |
| Оглавление |
Отзывов (74) на «jQuery. Сборник рецептов»
Мои поздравления )
Рад был бы иметь под рукой сборник рецептов для повседневного использования.
А где купить можно? я имею в виду интернет магазины
С удовольствием бы купил за 10-20 WMZ PDF или DJVU версию.
Вопрос к автору, можно ли где то это сделать?
Отлично – поздравляю- присоединяюсь к linux – fb2 версию бы И цену порядка 100-150 рублей
Просто это довольно стандартная цена на электроные варианты
Я не наглею
За 20 у.е. я думаю можно купить и бумажную тем более в твердом переплете
To Дмитрий:
Только-только появилась в books.ru, должна вот-вот появиться на ozon.ru, в каких-то еще магазинах тоже должна появиться через некоторое время.
Вообще есть поиск книг по интернет-магазинам, сам им пользуюсь частенько.
А нафига бумажную? Чтобы ее таскать с собой, чтобы она пылилась потом в шкафу, чтобы искать нельзя было?
Электронная книга для меня имеет бОльшую ценность и платить за нее я готов больше.
Ой – она в магазе стоит 375 рублей – так что за электронный вариант думаю 150 рублей нормально
To linux, porcelanosa
Существует договор с издательством БХВ-Петербург, по которому все права на это издание принадлежат ему. Т.е. я не имею права издавать эти материалы в каком-либо другом виде.
Очень жаль.
А вообще странно, что книги о новейших онлайн технологиях выходят только в печатном виде.
В общем и целом – согласен. Сейчас технологии появляются и изменяются очень быстро. А издание печатной книги требует значительного времени…
P.S. Зато могу пригласить Вас на только-только открывшийся форум, полностью посвященный jQuery
На том же books.ru есть электронные варианты некоторых книг – может им предложить выпустить в таком варианте? Хотя они наверное бояться распространения по сети в бесплатных копиях. Думаю и в сканах через месяц другой появитья – это конечно не полноценный pdf,
Автору респект, за блог, форум и книгу. Обязательно куплю, если появится в киеве на петровке. Считаю бумажный экземпляр лучше читать, чем с экрана.
Ген, представляю, какой труд ты проделал
Ведь доки – это ещё штука
А проблем в сдачу в печать не было?
- Твердый переплет, 416 стр.
- Тираж: 2000 экз.
Это похоже от книги «AJAX. Программирование для Интернета» осталось…
переплет: мягкий
тираж: 1500 экз.
Заказал книжку на books.ru
Спасибо автору за блог
Поздравляю! Думаю актуальная вещь получилась для русских пользователей. Основа + UI. По UI не встречал книгах ничего.
To Nik:
– скопировал, вставил…. А поправить забыл. Но теперь исправил.
Вы правы
Кто купил. отпишитесь, стоит она 327 руб. А главное тратить время на чтение.
Спасибо ха книгу)) Жаль у нас в городе нигде не видел =/ Так что прийдется заказывать
Геннадий, я в восторге от этой книги. Заказывал в books.ru
Максимально доступно и просто изложено. Всё по порядку. От азов до профессиональных плагинов. Простенькие, но запоминающиеся примеры. Исходники на диске все. Очень удобно изучать jQuery с помощью этой книги + диска.
У меня пожелание вам, не останавливаться на достигнутом, и писать новые книги. В том числе по Mootools, так как очень многие лучшие CMS используют именно этот фрэймворк.
А эта книга – очевидно – ваш успех.
Геннадий, большое спасибо за вашу книгу!!!! Все доступно и по существу. Много полезных примеров. Я приобрел несколько печатных изданий по Аjax и JQuery, но ваша книга мне нравится больше всех! Покупал книгу через shop.top-kniga.ru. Успехов вам!
Спасибо всем за добрые слова. Очень приятно
Спасибо за книжку, все очень понятно и на доступном языке. Я покупал книгу на английском по jQuery, еще самую первую, сидел переводил вечерами, разбирал примеры. Но сейчас, имея в руках такую отличную шпаргалку, хочу сменить свою профессию на веб-программиста
Я даже не представлял, что можно настолько легко и быстро создавать элементы управления для сайта.
Gennady, предлагаю Вам подумать о том, чтоб создать видеоуроки и лекции для начинающих программистов.
Еще раз спасибо за столь простой и полезный сайтик. С нетерпением жду еще интересных статей.
Best regards, Евгений Макаров
Здравствуйте, Gennady.
Купил бумажный вариант книги, читаю с интересом.
Но я по неопытности предполагал, что виджет Slider – это для показа слайд-шоу. Не могу понять для чего он. Объясните, пожалуйста, кратко, что с ним делают знающие люди?
Мне жаль, что в числе доступных примеров в книге нет слайд-шоу. Придется где-то искать.
Slider – посмотрите статью jQuery UI – виджет Slider в блоге и все поймете…
А что нет слайд-шоу…. Смотря что Вы имеете ввиду под этим
Может фотогалерею – так они есть в книге. А если серьезно, то книга в первую очередь для того, чтобы провести читателя от простого к более сложному, дать некоторую базу знаний, на основании которой он сможет легко разобраться с другими многочисленными плагинами… Благо их то можно найти столько, что выбирать устанешь
Gennady, спасибо за ответ.
Я сейчас читал форум по WP; то, что мне нужно еще называют «карусель».
Надеюсь, что смогу применить знания, изложенные в вашей книге.
Понял для чего нужен Slider.
Научиться бы его применять…
Приобрел данную книгу в магазине «Московский дом книги». Цена «приятно» удивила – 515 руб. Хотя в этом магазине все книги на порядок дороже чем в других. Если бы не халявная подарочная карта на 1000 руб., то купил бы, конечно, в другом месте.
Лучше покупать через интернет-магазины – будет существенно дешевле. Я всегда рекомендую пользоваться поиском по книжным интернет-магазинам. Правда зачастую цена, которую выдает поиск, отличается от той, что действует в магазине, но по крайней мере у Вас есть с десяток ссылок, которые можно проверить…
Все-таки купил бумажную версию =) Брал на озоне, доставка у них отличная. Теперь буду образовываться по вечерам.
Геннадий, спасибо за отличную книгу!
Про то, как делать раскрывающиеся меню и табы я понял сразу, то есть для меня информация изложенная в книге доступна, хотя я далек от программирования.
Хотелось бы научиться делать «карусель».
Gennady, могли бы вы написать статью, так доходчиво, как вы это умеете делать и разместить ее на вашем блоге? Объясните, как работает Superfish v1.4.8 – jQuery menu widget.
Попробую
Вот только времени маловато, так что скоро не обещаю…
Я нашел в сети материалы по «карусели», но, во-первых, сложновато написано, а, во-вторых, на английском языке. Так что моя просьба актуальна.
К тому же, я встречал на сайтах по ВордПресс просьбы объяснить работу табов в сайдбаре и слайдера-»карусель», то есть не только мне интересно.
Работу табов вы доступно объяснили в своей книге; ну, а о работе слайдера надеюсь прочитать на вашем блоге.
Кстати, я доставку вашей книги заказывал в специализированном отделе городского книжного магазина. Доставка в течении недели, но в моем случае получилось быстрее. И дешевле чем у DDosT, при том, что живу я в провинции, в трех тысячах километров от Москвы.
На днях видел по телевизору передачу о жизни и творчестве современных российских писателей. В ней говорилось о том, что начинающим авторам платят по пять рублей за книгу из совокупного тиража. Как это мало! Ай-ай-ай…
Здравствуйте!
Нахожу Ваш сайт крайне интересным и познавательным, поэтому не поленился и пишу…
Не нашел на Вашем сайте e-mail авторов, поэтому пишу в последний топик…
Мааленький косячок в верстке в Хроме (5.0.342.3 dev) вот скриншот: http://i012.radikal.ru/1003/5e/b19f47117cdf.gif
Видел твою книгу в Томске, положил глаз – решил что уже возьму. Спасибо за труд.
Хочу заодно спросить как эксперта по JQuery – с помощью чего может быть реализован такой эффект с картинками, как тут – schwans.com/landing/landingpromonl.aspx?id=easterSides
Конкретно – картинка разъезжается на четыре стороны, открывая под собой описание товара и кнопку покупки
To Kvisaz:
Судя по всему, здесь использован плагин jQuery Cycle в сочетании с эффектами easing…
Добрый день, Геннадий!
Подумываю купить Вашу книгу. Возник вопрос, какая версия jQuery рассматривается в книге? Я так понимаю 1.3.* В свете того, что сейчас используется 1.4.* насколько могла устареть информация описанная в книге?
Информация не устарела… Просто в версии 1.4 появились некоторые новые возможности, о которых понятное дело в книге не написано. Если Вы хотите понять принципы работы с библиотекой jQuery, книга вполне подойдет.
Спасибо, Геннадий, за оперативный ответ. Если в 1.4 только новые возможности, то это хорошо. Просто были сомнения, что может ядро 1.4 переписано с нуля, при этом названия методов и объектов могли радикально изменить. Да, мне надо понять базовые возможности, с чего-то начать, так как чувствую, что сейчас на базовом JavaScript далеко не уедешь – созданные сайты начинают отставать от конкурентов. Теперь ведь все хотят, чтобы какая-нибудь формочка не просто появлялась, а с эффектами и т. п.
Геннадий, поздравляю с изданием книги!
Давно не был у Вас, а зайдя вновь, как всегда, не пожалел и нашел много полезного. Все-таки Вы – Мастер
!
По поводу книги: с удоволствием приобрел бы экземплярчик, но в Германии Вашей книги нету
, может есть какое решение?
С УВажением
РГ
Ну, насчет Германии не знаю…. Может интернет-магазины (типа Озон) и могут организовать доставку.
Отлично! Пользовался рецептами с вашего блога – буду рад увидеть их все в книге)
Электронный вариант – это хорошо, но мне больше по вкусу именно традиционные книги) Наверное, я старомоден…
Спасибо. Заказал обе ваши книги. Обязательно прочту. Сайт классный, думаю книги будут еще лучше.
Геннадий, спасибо большое за книгу!
Я купил около месеца назад Вашу книгу Геннадий. Спасибо за труд.
Если очень коротко по книге, то она очень сильно сэкономила мое время. Действительно, только нужные рецепты. Тем более многие плагины конечно документированы, но документация по английски, который мы учили по принципу «чего нибудь и как нибудь»
Еще раз благодарю.
Спасибо всем за добрые слова
Надо сказать, что книга действительно очень неплохо продается. Она появилась в продаже в самом конце января, а к первому апреля (не шутка!) продано уже более половины тиража.
Я тоже заказал Вашу книгу. После прочтения обязательно отпишу свое мнение. А так постоянно посещаю ваш сайт, очень много интересного для себя нахожу здесь.
Купил. Книга отличная. Содержит только то, что нужно. Единственный минус качество бумаги.
купил недавно, книга хорошо написано, мне понравилось!
Геннадий, здравствуйте.
К Вам есть заманчивое коммерческое предложение.
Но, к сожалению, не удалось найти на блоге Ваших контактов.
Если Вас не затруднит, свяжитесь пожалуйста со мной.
Позаимствовал книгу у друга на выходные. Лично для себя ничего нового в ней не нашёл. Всё можно найти и так.
Прочитал, думаю новичкам как раз подойдет, а вот тем кто с jQuery дружит давненько можно использовать как памятку
зачем нужны такие книги в век интернета?..
Поздравляю! А где купить-то можно?
Заказал себе на books.ru. Жду отгрузки. Для тех, кто не может найти, вот ссылка – http://www.books.ru/shop/books/731989
Уже заказал
Получил вчера бандерольку из питера =). Книжка полезная весьма – спасибо Геннадий!
Геннадий, примите мои поздравления и благодарность за удачную книгу!
Прочитал как художественную литературу от корки дорки. Всё сжато, лаконично и ясно изложено. Широкий спектр тем и диск с примерами в придачу. Замечательно.
Заказывал через books.ru
Заказывал тоже в books.ru, но все еще не пришла, жду. Спасибо за книгу.
Набрал в гоше – jQuery. Попал сюда и заказал себе в bizbook.ua твою книгу. И все это благодаря интернету. В интересное время живем, согласен?
Огромное спасибо автору за понятное изложение, за потраченное время для того чтоб объяснить мне простой девчонке как работать с jQuery. Это важно когда автор пишет не для заумных а для всех. конечно много глав я не очень поняла но буду стараться. СПАСИБО ВАМ огромное.
Второй день на вашем блоге похоже придется по разбираться еще, на счет PDF версии это хорошее предложение
А вы можете создать нечто подобное, но только как видео курсом? Естественно все это за деньги. К примеру, я готов заплатить за этот материал, но только в видео формате. Сами понимаете с появлением программы Camtasia многие принимаются создавать эксклюзив, а такие как я считают, что сделать это тяжело, но проще купить! Есть спрос, а значит может появиться и предложение. Било бы классно заполучить все это на DVD. Если сможете сделать напишите мне заранее большое спасибо!
Я тоже себе приобрёл экземпляр. Написано всё понятным языком и не сухо. А можно поинтересоваться, весь ли тираж разошёлся?
Как раз сегодня пришел отчет о продажах из издательства – по состоянию на первое октября оставалось в районе 200 штук.
Никогда не понимал и сейчас не понимаю ценность таких книг, через год она уже будет не актуальна. Да и читать по jQuery книгу смысла нет, все отлично описано в доках на официальном сайте с доступными примерами. Вот если бы в ней написали какие то интересные свои решения на основе переведенной теории тогда можно было бы почитать, а так это для тех кто не знает английский и не умеет искать в интернете.
А ссылочку для скачивания )))
А не смущает, что это незаконно? Может быть Вас и не смущает, а у меня есть совершенно конкретный договор с издательством…
Здравствуйте, Андрей. Я занимаюсь веб разработкой несколько лет, сейчас возникла необходимость изучить java script/jquery.
Видео курсов не достаточно, хотел бы заниматься индивидуально в вечернее или утреннее время. Возможно ли пройти курс занятий по js/jquery под Вашим руководством и сколько это будет стоить?.
Дмитрий.
извините, Геннадий конечно.
Дмитрий, я и сам веб-разработкой занимаюсь, поэтому заниматься преподаванием времени просто нет. К тому же сейчас в сети можно найти просто огромное количество материалов на любую тему и на тему jQuery в частности. Конечно, чтобы серьезно освоить библиотеку нужно это огромное количество материалов пропустить через себя. Понятно, что на это нужно время, но по-другому вряд ли бывает. В любом деле.
Купил, почитал, понравилось, многое стало понятно.
вроде хорошая книга
Оставьте отзыв