Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Технические фишки инфобизнеса 2014

Статьи для сайтов!!!
Начало работы с jQuery Функция jquery() - Селектор Выборка вложенных элементов

Функция jquery() - Выборка по элементу, по классу и по id

Выборка элементов страницы

Урок №2 Функция jquery() - Селектор

В прошлом уроке мы говорили о том, как подключать библиотеку jQuery к сайту.

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

Смотрите уроки темы JavaScript - Практическое применение, в которых выборка элементов html-документа проводилась средствами JavaScript.

Функция jquery() - $() - Объект, событие, действие

jquery() - это основная и наиболее часто используемая функция в библиотеке.

Функция jquery() позволяет отбирать элементы страницы, затем задавать для них события и указывать действия, которые должны выполняться при наступлении события.

Вспомните, о чем шла речь в первом уроке по практическому применению JavaScript - Алгоритм: объект, событие, действие.

Функция jquery() - $() - Объект, событие, действие

Таким образом jquery() - это универсальная функция, для которой существует короткая форма записи $().

Полная форма записи функции jquery() применяется в тех случаях, если на одной странице ведется работа с несколькими разными библиотеками, так как символ
"$" используется не только в jQuery.

Но, как правило, на одной странице применяется одна библиотека, поэтому в основном используется короткая форма записи $() функции jquery().

Отбор элементов в jQuery - Таблицы стилей CSS - Селектор

В jQuery отбор элементов происходит примерно также как в технологии каскадных таблиц стилей CSS, где выбор элемента страницы проводится по Селектору (читайте об этом здесь).

Различают селектор по элементу, селектор по классу и селектор по id-идентификатору

Отбор элементов в jQuery - Таблицы стилей CSS - Селектор

С технологией CSS Вы должны быть знакомы. И так как Вы уже изучаете библиотеку jQuery, то Вам должно быть понятно, как происходит выборка элементов страницы с помощью Селекторов.

Далее посмотрим, как аналогичная ситуация с выбором элементов страницы по Селектору реализуется при помощи функции jquery().

Немного комментариев...

  • jquery('h1'); - это выборка по названию элемента - выбираем тег h1 (или теги, если их несколько на странице);
  • $('.sky'); - используется сокращенная форма записи функции jquery(). Выборка по имени класса - выбираем элемент/ы, имеющие класс .sky;
  • $('#tree'); - выборка по id-идентификатору. Будут выбраны все элементы веб-документа, имеющие указанный id.

Запись кода в jQuery значительно проще и короче, чем в JavaScript. Например, в JavaScript чтобы выбрать элемент страницы, по id-идентификатору нужно сделать следующее: использовать метод getElementById объекта document следующим образом:

document.getElementById('tree');

document - объект document
getElementById - метод объекта document
tree - id-идентификатор

В то время, как в jQuery это всего лишь...

$('#tree');

$() - сокращенная форма записи функции jquery()
#tree - id-идентификатор

Главная Изучаем jQuery Функция jquery() - Селектор Выборка вложенных элементов
jQuery
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru