Кино, потерянное искусство: "Небо и земля"("Heaven & Earth",1993 года) пре...

Кино, потерянное искусство:



"Небо и земля"("Heaven & Earth",1993 года) пре...: "Небо и земля"("Heaven & Earth", 1993 года) превосходная картина. Давно я не смотрел ничего подобного, чт...

jQuery Идем дальше.

Иногда лучше увидеть, чем услышать. Качнул Lynda jQuery for designers. Чем интересны такие видео, это возможностью подглядеть иногда трюки и приемы работы профессионалов. Или инструкторов, которые готовят настощих программистов. Я же не настоящий, недоучился, работал бухгалтером, таксистом и тд.

И вот, подсмотрел.

Чтобы можно было грузить jQuery из cdn(если уже есть в кэше браузера, что 99% так и есть, то грузить ничего не будет) или подгрузить с нашего сайта(точно будет грузить как в первый раз), есть вот такой удобный способ.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="jquery.min.js"><\/script>')</script>

Такой вот удобный фолбэк. Точно воспользуюсь и занесу его в сниппеты.

Чтобы избежать конфликтов со всякими там mootools, можно сделать так.

jQuery(document).ready( function($)

Тогда дальше можно писать $ без проблем. А я раньше писал везде JQuery, болван.

Как проверить, загрузился ли jQuery?

Поможет консоль. Просто колотим туда $ — покажет определен ли этот объект, для уверенности JQuery — если показывает функцию — всё ОК. Так просто. Ну почему я не читаю учебников?

Консоль поможет также и лицезреть плоды селекта. Ежели ввести $(») что вы там выбрали и нажать enter — то всё и выведет. Ну надо же. До этого я знал только про отладку с breakpoints. Ну что ж, надо смотреть дальше и пересмотреть, в конце концов, всё. Кстати, чел продал галерею на jQuery 2000 раз по 16 долларов за 2 года. То есть, заработал на однокомнатную квартиру в пригороде Москвы. Вы можете дальше не смотреть, а я продолжу. При этом продолжаю парить приятным парком электронной сигареты, которая помогла мне бросить курить табачные изделия.

Инструктор ставит в начале каждого скрипта «use strict»; Как я понял, это отключает совместимость с нестандартными версиями браузеров из Редмонда.

Прошел первый уровень вот здесь. Нормально, внятно, с тестами. Обычно качаю всё по теме и всё читаю. так делал в университете и продолжаю. Прояснил, что #id el — выделение ВСЕХ потомков, а #id > el только прямых детей. По капле нужно выдавливать из себя раба. В моем возрасте необходимо заниматься обучением. Умственная работа не позволяет мозгу заплыть жиром или одеревенеть. Английский я знаю(хватает для чтения художественной литературы и просмотра кино), может японский начать? раскурю электронную сигарету, пожалуй. Пар развяжет язык.

jQuery Идем дальше.

jQuery Ликвидация неграмотности.

Так сложилось, что я стал писать плагины и модули к разным CMS на лету, не совсем отдавая себе отчет, что же я компилирую из разных источников. Потерял много времени, работая в такси, системным администратором и тд. jQuery пользуюсь уже давно, но на фрилансе столкнулся с сложными заданиями. И, что называется, «поплыл». Скачал массу литературы, поскольку безработный и время есть.

Итак с чего начинается jQuery. Начинается оно с селекторов и маршрутов по объектной модели браузера. Selectors. DOM traversing. Советую изучить тему подробнее, поскольку это — основа. Написали авторы много и подробно. Что можно селектить? А селектить можно теги(и атрибуты), классы css и id css. Дальше нужно иметь понятие о parent, child, sibling и descendant. От этих основных действий и пляшем.

Начинать лучше с охватывания всего скрипта условием частичной загрузки страницы —

$(document).ready( function()
);

Не могу пока представить, что можно делать, если не загрузился документ, поэтому теперь буду ставить всегда. Почему частичной? Вроде как window.onload() грузит вообще всё, включая картинки. Нам это не всегда интересно(точнее — никогда). Поэтому, в 99% хватит jQuery.

Выбираем детей, строго, не всех потомков.

$('#selected > li');

Выбираем то же самое, но не такого-то класса.

$('#selected li:not(.our-class)');

Выбираем по атрибуту. Можно проверить по регулярному выражению(конец, начало. входимость(*=)).

$('a[href^=mailto]').addClass('mailto');
$('a[href$=".pdf"]').addClass('pdflink');

Выбрать все ссылки с атрибутом href.

$('a[href]');

Выбирая коллекции объектов селекторами, помним, что цикл по всем для нас выполняет сам jQuery. Если селектор встретится еще, то лучше его занести в переменную и пользоваться переменной, так сэкономится время и ресурсы. А методы можно объединять в цепочку, если метод возвращает jQuery. Эту информацию можно подсмотреть в документации по API.

Выбираем n-й элемент коллекции(считаются от нуля, как массивы, но являются объектами с методами и свойствами).

$('div.our-class:eq(1)');

Выбираем дивы, которые являются первыми ребенками своих родителей.

$('div:nth-child(1)');

Индикатор показывает зеленый свет, то есть норму слов я набрал для нормального поста. Надо проштудировать более 20 книг известных издательств. Скачал бесплатно попаривая электронную сигарету без ароматизатора. Не курю уже 5 месяцев. Прощай, анальное рабство табачных компаний. Здравствуй, технокиберпанк.

jQuery Ликвидация неграмотности.