Компоненты, используемые для создания СДО

Библиотека jQuery

jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM (не зависящий от платформы и языка программный интерфейс, позволяющий программам и скриптам получить доступ к содержимому HTML, XHTML и XML-документов, а также изменять содержимое, структуру и оформление таких документов.), обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API для работы с AJAX.

jQuery позволяет создавать анимацию, обработчики событий, значительно облегчает выбор элементов в DOM и создание AJAX запросов.

Возможности.

• · Движок кроссбраузерных CSS-селекторов Sizzle, выделившийся в отдельный проект;
• · Переход по дереву DOM, включая поддержку XPath как плагина;
• · События;
• · Визуальные эффекты;
• · AJAX-дополнения;
• · JavaScript-плагины.

Использование.

jQuery, как правило, включается в веб-страницу как один внешний JavaScript-файл:

Вся работа с jQuery ведётся с помощью функции $. Если на сайте применяются другие JavaScript библиотеки, где $ может использоваться для своих нужд, то можно использовать её синоним — jQuery.

Получение jQuery-объекта с помощью функции $(). Например, передав в неё CSS-селектор, можно получить jQuery-объект всех элементов HTML, попадающих под критерий и далее работать с ними с помощью различных методов jQuery-объекта. В случае, если метод не должен возвращать какого-либо значения, он возвращает ссылку на jQuery объект, что позволяет вести цепочку вызовов методов согласно концепции текучего интерфейса. 1].

Вызов глобальных методов у объекта $, например, удобных итераторов по массиву. Типичный пример манипуляции сразу несколькими узлами DOM заключается в вызове $ функции со строкой селектора CSS, что возвращает объект jQuery, содержащий некоторое количество элементов HTML-страницы. Эти элементы затем обрабатываются методами jQuery.

Например:

$(«div.test»).add («p.quote»).addClass («blue»).slideDown («slow»);

находит все элементы div с классом test, а также все элементы p с классом quote, и затем добавляет им всем класс blue и визуально плавно спускает вниз. Здесь методы add, addClass и slideDown возвращают ссылку на исходный объект $(«div.test»), поэтому возможно вести такую цепочку. Методы, начинающиеся с $., удобно применять для обработки глобальных объектов.