- •Сходство с другими языками программирования
- •Использование Javascript
- •Типы данных
- •Преобразование типов данных
- •Арифметика
- •Логические структуры
- •Операторы сравнения
- •Логические операторы
- •Массивы
- •Методы и свойства
- •Циклические структуры
- •Работа со строками
- •Методы и свойства
- •Регулярные выражения
- •Функции
- •JQuery-селекторы
- •Методы для работы с dom-элементами
- •Результат в виде массива
- •Методы анимации
- •События
- •В заключении
- •Полезные ссылки
Оглавление
Javascript и jQuery 2
Сходство с другими языками программирования 2
Использование Javascript 2
Типы данных 2
Преобразование типов данных 3
Арифметика 4
Логические структуры 4
Операторы сравнения 5
Логические операторы 5
Массивы 6
Методы и свойства 7
Циклические структуры 8
Работа со строками 9
Методы и свойства 10
Регулярные выражения 10
Функции 11
Классы 12
jQuery 13
Функция $() 13
jQuery-селекторы 13
Методы для работы с DOM-элементами 14
Результат в виде массива 15
Методы анимации 15
События 16
В заключении 17
Полезные ссылки 17
Javascript и jQuery
В последнее время становиться все более и более популярным написание веб-приложений, которые по своей функциональности уже почти не отличаются от прикладных программ. Все веб-приложения состоят из двух главных составных частей: серверной и клиентской. В распоряжении разработчика клиентской или браузерной части имеются следующие технологии, такие как CSS, HTML, Javascript. Но первые две излишне статичны. Поэтому основной груз ложится на Javascript из-за его функциональности и динамичности, потому что только динамика веб-приложений и позволяет называться им «приложениями».
Сходство с другими языками программирования
Так как Javascript имеет большие сходства с C++, то на идентичных моментах языка не стоит заострять внимание. Однако данный скриптовый язык имеет огромное количество своеобразных возможностей и особенностей, которые потребуют детального рассмотрения.
Использование Javascript
Чтобы использовать Javascript на HTML-странице его необходимо подключить. Обычно описание подключения располагается в области объявления и подключения в пределах тега <head></head>.
Пример:
<script type="text/javascript" src="js/jquery.js"></script>
Но также разрешается, но не рекомендуется, описывать подключение в любом месте страницы непосредственно перед использованием. На ряду с этим, имеет место и другой способ, который предусматривает не подключение файла скрипта, а непосредственно описание самого кода на HTML странице в тегах <script></script>.
Типы данных
Как и в языке PHP, в отличие от других языков программирования, как например C или Pascal, в Javascript присутствует автоматическое определения типа переменной, в зависимости от передаваемого значения. Здесь нет необходимости инициализировать переменную, до тех пор, пока не появиться надобность локализовать ее. Однако общепринятым стандартом является объявление каждой переменной, с помощью ключевого слова var.
Пример:
var count = 0;
Javascript распознает следующие типы величин:
Числовые (12, 567, 4.74);
Строковые ("Hello World ", 'Just Another String ');
Логические (true, false);
Специальные ключевые слова (undefined, null);
Объекты;
Примечание: В Javascript строковые константы могут описываться как в двойных (""), так и в одинарных кавычках ('')
Преобразование типов данных
Так как Javascript не является жестко типизированным языком, при работе с переменными будут производиться автоматические преобразования.
Пример:
var x = 10;
//В переменную x будет занесено значение целого типа
var y = "20";
//А в переменную y строкового
alert(x + y);
//Здесь на экран выведется 30
alert(y + x);
//А здесь мы получим строку "2010"
Примечание: Функция alert(информация) выводит на экран пользователя сообщение состоящее из передаваемой информации. По аналогии с языком C++ однострочные комментарии описываются (//), многострочные (/* */)
Наряду с этим, имеют место преобразования, описанные в следующей таблице:
Исходный тип |
Логический тип |
Числовой тип |
Строковый тип |
Undefined |
false |
NaN |
"undefined" |
Null |
false |
+0 |
"null" |
Boolean |
|
1 или 0 |
"true", если аргумент равен true, и "false", если аргумент равен false |
Number |
false, если аргумент равен +0, -0 или NaN; true в остальных случаях |
|
текстовое представление числа |
String |
false, если аргумент — пустая строка; true в остальных случаях |
число, если аргумент – правильное число; NaN в остальных случая |
|
Object |
true |
|
|
Примечание: Описанное выше возможно благодаря методам Boolean(), Number(), Object() и String(), обеспечивающим явное преобразование типов. +0, -0, NaN – неопределнности, «не правильные числа». Текстовое представление числа подразумевает следующее: если число равно -0 или +0 оно преобразуется – в «0», если NaN – в «NaN», если равно бесконечности – в «Infinity»