Презентация «Основное назначение библиoтeки jQuery»

Смотреть слайды в полном размере
Презентация «Основное назначение библиoтeки jQuery»

Вы можете ознакомиться с презентацией онлайн, просмотреть текст и слайды к ней, а также, в случае, если она вам подходит - скачать файл для редактирования или печати. Документ содержит 23 слайда и доступен в формате ppt. Размер файла: 117.80 KB

Просмотреть и скачать

Pic.1
Основное назначение библиoтeки jQuery Данная библиотека позволяет изменять содержимое HTML- документ
Основное назначение библиoтeки jQuery Данная библиотека позволяет изменять содержимое HTML- документов путем манипулирования объектами модели, создаваемой браузерами в процессе обработки HTML-кода …
Pic.2
Преимущества библиoтeки jQuery: 1. Средства jQuery необычайно выразительны. Эта библиотека позволяет
Преимущества библиoтeки jQuery: 1. Средства jQuery необычайно выразительны. Эта библиотека позволяет добиться гораздо большего при намного меньшем объеме кода, чем в случае использования программных …
Pic.3
3. Библиотека jQuery справляется с различиями в реализации DOM в различных браузерах (проблемы кросс
3. Библиотека jQuery справляется с различиями в реализации DOM в различных браузерах (проблемы кросс-браузерности). Т. е. вы перестаете беспокоиться об особенностях поддержки того или иного средства, …
Pic.4
Установка библитеки jQueгy 1. Скачать фреймворк с домашней странице проекта (и подключить в коде <
Установка библитеки jQueгy 1. Скачать фреймворк с домашней странице проекта (и подключить в коде <head> <script type="text/javascript" src="js/jquery-1. 11. 3. min. …
Pic.5
Можно проверить, подгрузилась ли библиотека, и если нет, то подгрузить с собственного сайта. Для это
Можно проверить, подгрузилась ли библиотека, и если нет, то подгрузить с собственного сайта. Для этого можно добавить: <script src="//ajax. googleapis. com/ajax/libs/jquery/1. 11. 3/jquery. …
Pic.6
Вариант вызова
Вариант вызова
Pic.7
Манипулирование объектами Общее правило- манипулировать DOM объектами, можно только после того как о
Манипулирование объектами Общее правило- манипулировать DOM объектами, можно только после того как объекты были загружены. Т. е. если у вас есть фрагмент кода <html> <h1> 3D Printers shop …
Pic.8
<html> <html> <head> <script type="text/javascript" src="js/jque
<html> <html> <head> <script type="text/javascript" src="js/jquery-1. 11. 3. js"> </script> </head> <body> <h1> 3D Printers shop …
Pic.9
<html> <html> <head> <script type="text/javascript" src="js/jque
<html> <html> <head> <script type="text/javascript" src="js/jquery-1. 11. 3. js"> </script> </head> <body> <h1> 3D Printers shop …
Pic.10
Отсрочка выполнения функции до момента готовности DOM Отсрочка выполнения функции до момента готовно
Отсрочка выполнения функции до момента готовности DOM Отсрочка выполнения функции до момента готовности DOM В предыдущем примере элемент script был помещен в конце документа, чтобы браузер успел …
Pic.11
В этом сценарии мы передаем объект document функции $() в качестве аргумента и вызываем метод ready(
В этом сценарии мы передаем объект document функции $() в качестве аргумента и вызываем метод ready(), передавая ему функцию, которую хотим выполнить после окончания загрузки и готовности DOM к …
Pic.12
Выбор элементов В Javascript: Выбор элементов В Javascript: getElementById(id) – поиск по id="…
Выбор элементов В Javascript: Выбор элементов В Javascript: getElementById(id) – поиск по id="…" getElementsByName(name) – поиск по name="name" getElementsByClassName(class) – …
Pic.13
Для выбора элементов в jQuery используют селекторы Селекторы в jQuery разделены на следующие категор
Для выбора элементов в jQuery используют селекторы Селекторы в jQuery разделены на следующие категории: основные селекторы; иерархические селекторы; основные фильтры; фильтры для выбора дочерних …
Pic.14
Основные селекторы (Базовые селекторы) Основные селекторы (Базовые селекторы) 1. Селектор * Соответс
Основные селекторы (Базовые селекторы) Основные селекторы (Базовые селекторы) 1. Селектор * Соответствует любому элементу. Возвращает: Массив элементов. Использование $("*") var …
Pic.15
3. Селектор . C 3. Селектор . C Выбирает все элементы с именем класса C. Возвращает: Массив элементо
3. Селектор . C 3. Селектор . C Выбирает все элементы с именем класса C. Возвращает: Массив элементов. <script>$(". descr " ). css( "border", "3px solid red" …
Pic.16
Некоторые свойства и методы объекта jQuery each(функция) -Выполняет указанную функцию для каждого из
Некоторые свойства и методы объекта jQuery each(функция) -Выполняет указанную функцию для каждого из выбранных элементов get(индекс)-Получает объект HTMLElement с указанным индексом …
Pic.17
Для примера, var fp=$("p"). get(0) возвращает HTMLElement объект Для примера, var fp=$(&qu
Для примера, var fp=$("p"). get(0) возвращает HTMLElement объект Для примера, var fp=$("p"). get(0) возвращает HTMLElement объект Создание объектов jQuery из DOM-объектов Объекты …
Pic.18
Итерирование функции по DOM-объектам Метод each() позволяет определить функцию, которая будет выполн
Итерирование функции по DOM-объектам Метод each() позволяет определить функцию, которая будет выполнена для каждого из DOM-объектов, содержащихся в объекте jQuery $(document). ready(function() { …
Pic.19
2. Иерархические селекторы 2. Иерархические селекторы Дочерний селектор (“parent > child”) Выбира
2. Иерархические селекторы 2. Иерархические селекторы Дочерний селектор (“parent > child”) Выбирает всех непосредственных потомков (детей) заданного родителя Селектор потомков (“ancestor …
Pic.20
3. Селекторы атрибутов 3. Селекторы атрибутов Данная группа селекторов позволяет выбрать элементы по
3. Селекторы атрибутов 3. Селекторы атрибутов Данная группа селекторов позволяет выбрать элементы по их атрибутам Селектор [name=”value”] Выбирает все элементы с атрибутом с именем name, значение …
Pic.21
Селектор [name|=”value”] Выбирает все элементы с заданным атрибутом, значение которого либо совпадае
Селектор [name|=”value”] Выбирает все элементы с заданным атрибутом, значение которого либо совпадает со значение value, либо со строкой, в которой начальная часть строки value, а затем следует дефис …
Pic.22
Селектор [name^=”value”] Селектор [name^=”value”] Выбирает все элементы с заданным атрибутом, значен
Селектор [name^=”value”] Селектор [name^=”value”] Выбирает все элементы с заданным атрибутом, значение которого начинается с подстроки value. Селектор [name*=”value”] Выбирает все элементы с заданным …
Pic.23
<input id="man-news" name="man-news"> <input id="man-news" na
<input id="man-news" name="man-news"> <input id="man-news" name="man-news"> <input name="milkman"> <input …


Скачать презентацию

Если вам понравился сайт и размещенные на нем материалы, пожалуйста, не забывайте поделиться этой страничкой в социальных сетях и с друзьями! Спасибо!