class DarkRaha extends com { // разработка приложений
            String a="Главная" b="Контакты" c="О сайте"
};

JavaScript

JQuery (UI)

обзор
пример
стили
html код
события
виджет аккордион

Справочник JQuery

Обзор JQuery

Главным удобством библиотеки является возможность выбора HTML элементов по css селекторам, и работы с ними как с одним объектом. Т.е. изменить стиль нескольких объектов можно вызовом одного метода без циклов. Есть поддержка ajax, несколько визуальных эффектов, собственные виджеты (элементы управления) пользовательского интерфейса как закладки.

В ужатом виде занимает от 30кб.

Скачать JQuery можно с домашнего сайта библиотеки. Для кракткости можно переименовать файл, например jquery-1.2.5.pack.js в jquery.js.

На базе JQuery создан отдельный проект JQuery UI, позволяющий добавить на страницу готовые виджеты и визуальные эффекты. Сразу скачать ядро JQuery UI и JQuery можно с оффициального сайта проекта.

Файл jquery ui в полном объеме довольно большой (почти 200кб). В скаченном вами архиве есть папка development-bundle/ui, где JQuery UI хранится по частям (в не сжатом виде). Таким образом, для сокращения времени загрузки страницы можно подключать только нужные части jquery ui.


<!-- например, мы хотим использовать только виджет accordion -->
<!-- если скрипты используются на многих страницах сайта, 
то их можно слить в один -->
<script type="text/javascript" src="jquery132.js"></script>
<script type="text/javascript" src="ui.core.js"></script>
<script type="text/javascript" src="ui.accordion.js"></script>

Чтобы виджеты выглядели как в примерах на оффициальном сайте, не забудьте подключить стили. Они также доступны по раздельности, что облегчает редактирование. На сайте jqueryui.com доступны различные цветовые темы.


Рейтинг@Mail.ru