12. Язык программирование JavaScript. Общая характеристика, методы использования, правила записи основных операторов.

JavaScript предназначен для создания интерактивных HTML-документов.

Это объектно ориентированный язык программирования, с помощью которого разрабатываются встраиваемые приложения, выполняющиеся как на стороне клиента, так и на стороне сервера. Клиентские приложения выполняются веб-браузером на машине пользователя, серверные — на сервере.

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

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

Назначение JavaScript

• Оперативная проверка достоверности заполняемых пользователем полей HTML-форм. Позволяет обработать данные, введенные в поля, а также события, возникающие в процессе взаимодействия с пользователем.

• Создание динамических HTML-страниц совместно с CSS и объектной моделью документа.

• Взаимодействие с пользователем для решения локальных пользовательских задач.

Основные операторы

Операторы служат для управления потоком команд в JavaScript.

Логические: И (&&), ИЛИ (||), НЕ (!)

Оператор break прерывает текущий цикл for и while, передавая управление первому оператору после цикла.

Комментарии — это специальные замечания программиста, чтобы объяснить, что делает данный скрипт, и они игнорируются интерпретатором.

Однострочные комментарии начинаются с символа (//). Многострочные комментарии начинаются /* и заканчиваются */.

Цикл for. Параметры: начальное значение, условие выхода, изменение счетчика.

function Объявляет функции языка JavaScript, требует указания имени name и списка параметров param. Для того чтобы возвращать значение, функция должна иметь в себе оператор return, который указывает возвращаемое функцией значение.

Оператор if...else - это условный оператор, который выполняет первый набор утверждений, если значение condition истинно. В противном случае выполняет второй набор утверждений, заключенные в операторе else, если условие ложно.

Оператор return указывает значение, которое будет возвращено функцией.

Оператор var объявляет переменную varname и дополнительно может присваевать ей значение.

Оператор while - это оператор цикла, который повторяет цикл, пока значение condition истинно (true).

13. JQuery, общая характеристика, синтаксис операторов, правила написания селекторов и действий.

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

jQuery — библиотека, функционирующая на взаимодействии JavaScript, HTML и CSS.

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

1.Может обращаться к любому элементу DOM и манипулировать ими

2.Умеет работать с событиями

3.Легко осуществлять различные визуальные эффекты

4.Возможность работы с AJAX

5.Имеет большое количество плагинов (доп. библиотек) для создания пользовательских интерфейсов

Для работы необходимо:

1.Должен быть файл jquery – <№ версии>.js

2.Подключить к своей странице этот файл с помощью <script src=”jquery.js”> </script>

3.<script …> $ (function ( ) {операторы jQuery} );

Функция не обязательно может иметь имя.

$ - признак наличия jQuery, не путать с PHP (именование переменных)

Общая запись оператора jQuery:

$ (“селектор”).<действие, кот. будет выполнено над этими объектами>([“свойства действия”]);

$ (“*”) – выбираем все элементы.

$ (“#d”) – выбран элемент, имеющий id равный d.

$ (“.d”) – выбран класс с именем d

$ (“тег”). Например, $ (“p”) – все абзацы

$ (“с1, с2, с3”) – если одно и то же действие хотим применить к нескольким элементам

$ (“с1 с2”) – все элементы, которые определяются с2 которые находятся внутри (являются дочерними) с1

$ (“с1+с2”) – выборка всех элементов с2, которые следуют непосредственно после определяемого селектора с1

$ (“с1>с2”) – все элементы, определяемые с2, которые являются прямыми наследниками элемента с1

Селекторы форм (начинаются с :)

$ (“:input”) – выборка всех тегов input