54 Обработка события загрузки документа в jQuery. Пример.

Метод .ready() - обрабатывает загрузку документа HTML, не дожидаясь загрузки всего содержимого его элементов. $ (document).ready( function() { alert ("умент доступен для выполнения скриптов!"); } );

55 Обращение к элементам html страницы при помощи селекторов из jQuery. Пример.

С помощью jQuery можно обратиться: - к тегам $ ("div a").css ("color", "red"); - классам или id $ ("divp.name").css ("text-align", "center"); $ ("#nav").css ("background-color", "#d1d1d1"); - с использованием всех этих штучек CSS (+ > ): идущий рядом, сразу за ним $ ("h1+p").css ("color", "red"); непосредственный потомок $ ("div > a").css ("color", "red"); и т.д.

Т.е. все разнообразные псевдоклассы и другие штучки, которые поддерживает CSS, можно также использовать..

56 Обращение к элементам html страницы из jQuery с привязкой к параметрам тегов. Пример.

С привязкой к параметрам: - $ ("a[title]").css ("color", "red"); - для всех ссылок, у которых есть параметр title - $ ("a[title = 'Перейти на главную' ] " ).css ("color", "red"); - для всех ссылок, у которых этот параметр равен указ. значению - $ ("a[title != 'Перейти на главную' ] " ).css ("color", "red"); - для всех ссылок, у которых этот параметр НЕ равен указ. значению - $ ("a[title ^= 'Перейти' ] " ).css ("color", "red"); - для всех ссылок, у которых этот параметр НАЧИНАЕТСЯ с указ. значения - $ ("a[title $= 'главную' ] " ).css ("color", "red"); - для всех ссылок, у которых этот параметр ЗАКАНЧИВАЕТСЯ указ. значением

- $ ("a[title *= 'на глав' ] " ).css ("color", "red"); - для всех ссылок, у которых этот параметр содержит указанное значение в ЛЮБОМ МЕСТЕ

Если нужно обратиться к нескольким параметрам, они просто перечисляются

$ ("a[title][target] " ).css ("color", "red"); - для всех ссылок, у которых ЕСТЬ указанные параметры

57 Обращение к элементам html страницы из jQuery по индексу. Пример.

Получить доступ к элементу можно, указав его индекс в квадратных скобках. Нумерация начинается с нуля. 

var elems = $ ("р") ; if  (elems.size()  >= 2)   { elems[1].innerHTML = "Добрый день!"; } else { alert("Элемента для вывода нет!"); }

Обратите внимание на тот факт, что доступ по индексу возвращает ссылку на DOM-элемент.

$(elems[1]).text("Добрый день!");