Представляю вашему вниманию вторую часть миниатюрной серии статей, посвященных селекторам в JQuery. Приступим к рассмотрению следующих примеров, продолжаем ходить по DOM, выбирая HTML элементы.
/* Отбор всех элементов: */
$('*').css({'color': 'orange'});
/* Отбор всех потомков у тега <p>, вариант 1: */
$('p > *').css({'color': 'orange'});
В данной заметке / статье повествование пойдет о том, как же использовать селекторы в JQuery. Т.к. цитировать тома официальной документации смысла в общем-то нет, ниже я приведу несколько примеров программного кода на JavaScript, но для начала давайте набросаем несколько строчек разметки на HTML, чтобы нам с вами было где экспериментировать. (далее…)
Итак, для того, чтобы на JavaScript преобразовать строку в число, нужно вызвать стандартную функцию под названием parseInt(). Ниже представлен пример перевода значения ширины абстрактного HTML элемента из строки (в пикселах) в число:
<script type="text/javascript"> var customWidth = '1000px'; var numWidth = parseInt(customWidth, 10); alert(numWidth); // - выведет число 1000. </script>
Она имеет всего-то два входных параметра, где первый задает само строковое / текстовое представление числа, а второй — основание системы счисления (далее…)
Данная заметка содержит несложный JQuery пример выравнивания блочного элемента с меньшей высотой под высоту большего.
Итак, имеем, ставшую уже классической, двух-колоночную верстку. В блоке с CSS классом content у нас меньшее количество контента, а в блоке sidebar большее, исходя из их ширины. По умолчанию все будет выглядеть вот так, для наглядности выделил элементы заливкой:
Свежие комментарии