Начинаю небольшой экскурс по функционалу популярного фреймворка jQuery. В этой статье я опишу само ядро jQuery, его аргументы, и как им пользоваться. Сам по себе jQuery - это Java-скрипт, который значительно облегчает работу с элементами DOM страницы и дает возможность свободно манипулировать ими. Написав всего пару строк вы получите такую функциональность, которую достигли бы десятью, а то и пятидесятью строками обычного JavaScript-кода. В дополнение, код, написанный с использованием jQuery, будет кроссплатформенным, и не будет зависеть от того, какой браузер установлен у пользователя.
Официальный сайт jQuery: http://jquery.com/. На момент написания статьи последняя версия jQuery находится тут: http://code.jquery.com/jquery-latest.min.js.
Для того, чтобы подключить jQuery к странице, нужно в теле HEAD прописать следующий код:
Лучший вариант - не переносить скрипт jQuery на свой хост, а использовать ссылку на официальный сайт. Так как jQuery - один из популярных фреймворков, и его используют многие сайты, то это гарантирует, что браузер его закеширует. В случае, если пользователь уже был на странице, где используется jQuery с официального сайта, переходя на ваш сайт jQuery уже не будет подтягиваться, а будет взят из кеша. Если же вы перенесете фреймворк к себе на хост, то jQuery будет загружен снова.
А теперь пройдемся по функционалу ядра jQuery. Для обращения к его функциям могут использоваться 2 варианта:
Оба этих обращения идентичны. Символ $ удобен для краткости, а ключевое слово jQuery нужно в случае, если символ $ уже используется другой функцией.
Осуществляет поиск элементов, соответствующих CSS-селектору selector внутри элемента context.
Пример: поиск всех дочерних элементов P относительно элемента DIV во всем документе, и добавление им CSS-стиля.
Пример: поиск всех текстовых элементов INPUT в первой форме, и установка им значения "OK".
На лету создает DOM-элементы страницы из HTML строки и преобразует их в тип jQuery.
Пример: добавляет параграф P с содержимым в конец елемента DIV.
Получает елемент или элементы DOM и преобразует их в jQuery массив для последующей манипуляции ими.
Пример: скрывает все найденные в документе элементы DIV.
Пример: скрывает все найденные в документе элементы P.
Является сокращенным аналогом от $(document).ready(). То есть функция callback выполняется только по окнчании загрузки всех DOM элементов документа.
Пример: выводит окно с сообщением после загрузки DOM-елементов документа.
На этом первая часть статьи окончена. Удачи в свершениях!
Вы можете присоедениться к моему микроблогу в Твиттере @SzenProgs. Буду благодарен, если оцените мой труд, и щелкните по звездочкам ниже.
x;z-index:1 }jQuery: Ядро
Справочники
Скрипты, инструкции, справочники
Для работы понадобится jQuery.
Категория: | Справочники |
Просмотрено: | 7589 |
Рейтинг: | 5.0/4 |
Дата добавления: | 2010-10-12 08:29, Вторник |
Добавил: | Szen |
Теги: | jQuery справка |
№ 0 | 2010-10-12 08:29 |
Szen | Здесь вы можете задать вопрос или оставить комментарий по теме "jQuery: Ядро". |
Гость |