Простые JavaScript и JQuery, а также MooTools-примеры.


Массивы в JavaScript

В языке программирования JavaScript массивы представляют собой объекты, которые могут хранить в себе ноль, один или множество значений произвольного типа данных. Ниже представлены несколько вариантов объявления оных:

/* Объявляем пустой массив: */
var massiv1 = []; 
massiv1[0] = 1; // Элемент с индексом 0 станет равен 1.
alert(massiv1[0]); // Выведет 1.

(далее…)

Опубликовано 14-06-2013 в 10:33

Массивы в JQuery: inArray()

Для поиска заданного значения в пределах массива в JQuery есть метод под названием inArray(). Он возвращает его индекс (или -1, если элемент не обнаружен).

У функции есть три входных параметра из которых необязательным является лишь fromIndex типа Number задающий индекс в массиве, с которого начинается поиск. Значение по умолчанию равно 0,  — обход будет производится с самого первого элемента, т.е. везде. (далее…)

Опубликовано 14-06-2013 в 10:00

Cелекторы в JQuery. Часть 2.

Представляю вашему вниманию вторую часть миниатюрной серии статей, посвященных селекторам в JQuery. Приступим к рассмотрению следующих примеров, продолжаем ходить по DOM, выбирая HTML элементы.

/* Отбор всех элементов: */
$('*').css({'color': 'orange'});

/* Отбор всех потомков у тега <p>, вариант 1: */
$('p > *').css({'color': 'orange'});

(далее…)

Опубликовано 13-06-2013 в 14:01

Cелекторы в JQuery. Часть 1.

В данной заметке / статье повествование пойдет о том, как же использовать  селекторы в JQuery. Т.к. цитировать тома официальной документации смысла в общем-то нет, ниже я приведу несколько примеров программного кода на JavaScript, но для начала давайте набросаем несколько строчек разметки на HTML, чтобы нам с вами было где экспериментировать. (далее…)

Опубликовано 13-06-2013 в 12:28

JavaScript: строку в число

Итак, для того, чтобы на JavaScript преобразовать строку в число, нужно вызвать стандартную функцию под названием parseInt(). Ниже представлен пример перевода значения ширины абстрактного HTML элемента из строки (в пикселах) в число:

<script type="text/javascript">
var customWidth = '1000px';
var numWidth = parseInt(customWidth, 10);
alert(numWidth); // - выведет число 1000.
</script>

Она имеет всего-то два входных параметра, где первый задает само строковое / текстовое представление числа, а второй — основание системы счисления (далее…)

Опубликовано 13-06-2013 в 11:58

JQuery: высота элемента

Данная заметка содержит несложный JQuery пример выравнивания блочного элемента с меньшей высотой под высоту большего.

Постановка задачи:

Итак, имеем, ставшую уже классической, двух-колоночную верстку. В блоке с CSS классом  content у нас меньшее количество контента, а в блоке  sidebar большее, исходя из их ширины. По умолчанию все будет выглядеть вот так, для наглядности выделил элементы заливкой:

HTML: высота блоков по умолчанию

(далее…)

Опубликовано 13-06-2013 в 11:13

Длина массива в JavaScript

Итак, длина массива в JavaScript (свойство length) — это число, на единицу превосходящее максимальный индекс массива.

Пример использования:

<script type="text/javascript">
var massiv = [121,232,313,424,555];
for (var k = 0; k < massiv.length; k++) {
  alert('massiv[' + k + ']=' + massiv[k]);
}
</script>

Последовательно, друг за другом в окошках браузера будут выведены massiv[0]=121, massiv[1]=232massiv[3]=313 и т.п., — итого 5 раз. (далее…)

Опубликовано 28-05-2013 в 17:17













Свежие комментарии

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

Blogroll:

Последние твиты