A programmer: jQuery

Последние несколько занятий разбирался с jQuery. Ничего сложного. jQuery - это фреймворк  JavaScript для того, чтобы существенно упростить работу по обеспечению интерактивности веб-страниц.

Подключается он на странице так же, как и любые скрипты - или скачать и прописать путь к файлу, или указать ссылку в интернете. Важно, что указать ссылку на него надо перед ссылкой на пользовательский скрипт.

Нюанс в том, что поскольку jQuery работает с разметкой страницы, его нужно прописывать не в , а перед закрывающим тегом

- для того, чтобы разметка страницы загрузилась до вызова jQuery. Если же все-таки прописывать в , то содержание js-файла должно быть заключено в следующую обертку:
jQuery('document').ready(function() {
    // код
    });

Как он в принципе работает? Очень просто. В самом общем виде команда выглядит следующим образом:

jQuery('document').ready();

Здесь вместо 'document' надо указать теги (селекторы), а вместо ready() - метод, описывающий, что с ними надо сделать (например, что-то добавить/удалить, скрыть/покачать и т.д.).

Для совсем уж интерактива есть методы, которые выполняются при определенном событии (нажатие, передвижение мышки и т.д.). Выглядит это, в общем почти так же:

jQuery('button').on('click', function() {
    // код
    });

Собственно, и все. Описание методов и событий - см. на сайте jQuery.

Да, все эти команды можно сохранять в переменные и передавать, куда нужно. Особенно востребовано это - если с помощью jQuery получаешь пользовательский ввод:

var value = jQuery('input').val();

И дальше уже можешь использовать эту переменную, как тебе нужно.