Page 28 - jQuery для начинающих
P. 28
Будь готов
Теперь пора приступить к работе — возьмём какой-нибудь элемент на страничке и
попробуем его изменить. Для этого в <head> вставим следующий код (пример странички
ищите ранее):
<script>
// мы пытаемся найти все элементы <h2> на странице
// и изменить цвет шрифта на красный
jQuery("h2").css("color", "red");
</script>
Только подобный код ничего не сделает, так как, на момент выполнения, на странице ещё
не будет тегов <h2>, слишком рано выполняется скрипт, до загрузки всего HTML документа.
Для того, чтобы код сработал верно, мы должны либо поместить код в самый низ страницы
(главное после искомого <h2>), либо использовать функцию ready() для отслеживания
события «load» нашего «document»:
<script>
// ждём загрузки всего документа
// после этого будет выполнена анонимная функция
// которую мы передали в качестве параметра
jQuery(document).ready(function(){
jQuery("h2").css("color", "red");
});
</script>
Также можно использовать сокращённый вариант без явного вызова метода ready():
<script>
$(function(){
$("h2").css("color", "red");
});
</script>
Вы можете создать сколь угодно много подобных функций, не обязательно весь
необходимый функционал помещать в одну.
$() — это синоним для jQuery(), чтобы у вас не возникало конфликтов с
другими странами библиотеками за использование $, советую ваш код
оборачивать в анонимную функцию следующего вида (best practice):
28
www.trk.kg
