25. Использование набора многократно используемых объектов и функций библиотек js (jQuery, Prototype, Mootools, Dojo) при разработке веб-приложений.

Библиотека JS- сборник классов или функций на языке JS.

Появление библиотек связано с увеличением популярности JS, простотой создания динамических элементов пользовательского интерфейса стала играть ключевую роль в веб-разработке.

Dojo - свободная модульная библиотека JS. Разработана с целью упростить ускоренную разработку приложений и сайтов. Dojo поддерживает разработку и распространение собственных элементов интерфейса и включает в себя библиотеку утилит для манипуляций с DOM. Абстрагированный интерфейс для манипулирования JS-классами, предоставляющий возможность наследования и позволяющий расширять существующие классы с помощью набора функций, вместо того, чтобы управлять непосредственно прототипами объектов.

jQuery - библиотека JS, фокусирующаяся на взаимодействии JS и HTML. Она помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими.

MooTools - это свободный JS-фреймворк для разработки кроссбраузерных веб-приложений и веб-сервисов. ООП MooTools содержит мощную коллекцию классов и продвинутую систему наследования, которая позволяет вторичное использование кода, а также его расширение. Например:

var Animal = new Class({

initialize: function(name){

this.name = name; } });

var Cat = new Class({

Extends: Animal,

talk: function(){

return 'Meow!'; } });

var Dog = new Class({

Extends: Animal,

talk: function(){

return 'Arf! Arf'; } });

var Animals = {

a: new Cat('Missy'),

b: new Cat('Mr. Bojangles'),

c: new Dog('Lassie') };

for (var key in Animals) {

alert(Animals[key].name + ': ' + Animals[key].talk()); }

// Вывод функции alert

// Missy: Meow!

// Mr. Bojangles: Meow!

// Lassie: Arf! Arf!

Также предоставляет собственный набор классов, с помощью которых возможна, например, реализация различных эффектов. К ним относятся изменения размеров окна браузера, показ и гашение объектов, эффекты движения и Ajax.

Prototype -JS фреймворк, упрощающий работу с Ajax и некоторыми другими ф-ми.

Функция $()

Для обращения к DOM элементу HTML страницы обычно используется функция document.getElementById:

document.getElementById("id_of_element")

Функция $() уменьшает код до:

$("id_of_element")

Но в отличие от функции DOM, функция $() может передавать более одного аргумента, и функция вернет массив (Array) объектов со всеми соответствующими элементами.

Функция $F()

Функция $F() возвращает значение определённого элемента HTML формы. Для текстового поля функция будет возвращать данные, содержащиеся в элементе. Для элемента 'select' функция возвратит выбранное в текущий момент значение.

$F("id_of_input_element")

Класс Element

Методы класса предназначены для работы с элементами HTML. Для создания HTML элемента используется конструктор класса.

new Element(tagName[,{attributes}])

В конструктор передаётся HTML-тег в строковом виде и, если необходимо, атрибуты тега.

Пример создания нового элемента:

// Создаём элемент <div> в памяти и указываем атрибуты id, class.

var newElement = new Element('div',{id: 'childDiv', class: 'divStyle'});