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 Ликвидация неграмотности.