В этом уроке мы разберем jQuery-селекторы и jQuery-эффекты.

Селекторы

Среди селекторов мы будем чаще всего использовать классы и id. Селекторы зачастую соответствую селекторам из CSS, поэтому если вы умеете писать селекторы в CSS, то вы умеете писать селекторы в jQuery. Вот так мы выбираем классы:

$('.class')

А вот так мы выбираем id:

$('#id')

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

scripts[] = js/custom.js

где js/custom.js путь к файлу javascript в вашей теме.

Что такое jQuery?

jQuery - это замечательная JavaScript библиотека, которая позволяет легко создавать великолепные веб эффекты в несколько строк кода. Как сказано на сайте проекта jQuery:

“jQuery - это JavaScript библиотека, девиз которой: писать JavaScript-код должно быть весело. jQuery справляется с общими, повторяющимися заданиями, подчищает макеты и при этом оставляет код коротким, красивым и понятным.”

Это последний урок по javascript, который необходим чтобы приступить к изучению jQuery. Но не последний урок по javascript, который я буду делать, потому что язык javascript значительно шире и имеет гораздо больше, чем я затрагивал в своих уроках.

Итак, в этом уроке мы будем рассматривать еще один тип данных javascript, а именно объекты. Объекты можно сравнить с массивами, элементами которого являются переменные и функции. Переменные в объектах мы будем называть своствами объекта, а функции в объекте мы будем называть его методами. Про объекты в PHP вы можете прочитать здесь:

В этом уроке мы рассмотрим еще один тип данных Javascript  массивы. Также мы рассмотрим некоторые функции для работы со строками и массивами. Все остальные функции мы разберем в следующих уроках. Для ознакомления с массивами можете прочитать материалы по массивам в PHP:

Уроки PHP - урок 10 - Массивы

В этом уроке мы рассмотрим функции в Javascript, как их писать и какие функции существуют. Вы можете почитать о функциях в этих уроках по PHP, все примеры будут работать и Javascript:

Уроки PHP - урок 7 - PHP функции и функциональное программирование

Уроки PHP - урок 9 - Рекурсия

В этом уроке мы разберем циклы в Javascript. Как я говорил раннее синтаксис языка PHP схож с Javascript, поэтому вы также можете посмотреть циклы в PHP:

Уроки PHP - урок 12 - Циклы while, foreach, for

За исключением одного момента в Javascript отсутствует цикл foreach(), поэтому мы будем в будущем использовать метод each() в jquery для перебора элементов.

В этом уроке мы разберем, как можно использовать конструктор if в Javascript. Синтаксис у javascript примерно одинаковый с PHP (и тот и другой делали с расчетом на программистов C++), так про if можно почитать в этом уроке по PHP:

Уроки PHP - урок 8 - Оператор if

Я не буду долго ходить вокруг да около, описывая все типы переменных, все операции, оно нам ни к чему, наша главная цель -  усвоить базовый синтаксис javascript, чтобы потом перейти к изучению jQuery и уже потом вы сможете улучшать свои знания и умения в javascript. Если вы все-таки хотите изучать javascript и использование великолепного javascript-фреймворка вас не прельщает, тогда вам стоит найти учебник по javascript пообъеместее. А если вы хотите делать сайты на друпале и изучать потом jQuery, то нам с вами по пути. Итак, приступим.

Javascript один из самых популярных языком в мире, хотя со временем он и теряет свои позиции, но на его изучение обращают многие программисты.
Javascript вам понадобится для последующего изучения jQuery, поэтому прежде чем браться за jQuery, который в свою очередь является javascript-фреймворком, нужно все-таки знать основы javascript.
Код Javascript встраивается прямо в код HTML-страницы с помощью кода <script></script>: