Навігація
Головна
 
Головна arrow Інформатика arrow Проектування і розробка web-додатків
< Попередня   ЗМІСТ   Наступна >

БАЗОВА ФУНКЦІЯ JQUERY ()

Операції обходу і перетворення об'єктної моделі документа зазвичай починаються з пошуку необхідних елементів. У звичайному JavaScript для вибору елемента використовуються, наприклад, функції getEI- ementsByTagName або getElementByld. В jQuery для цієї мети функція jQuery () (короткий запис $ ()), синтаксис якої є комбінацією CSS і регулярних виразів:

jQuery (expression, [context]) або $ (expression, [context])

Ця функція приймає в якості першого параметра рядок expression, що містить пошуковому виразі (CSS-селектор). Другий параметр функції context (необов'язковий) - це елементи DOM, об'єкти document або об'єкти jQuery, які задають область пошуку (контекст пошуку). Функція jQuery () повертає спеціальний об'єкт JavaScript, який містить масив елементів DOM-моделі, відповідних вказаним в параметрі запиту (селектору).

Наприклад, для отримання елемента з ідентифікатором #myElement потрібно записати

jQuery ( '' # myElement ") або $ (" # myElement ").

Об'єкт jQuery (набір елементів) має велику кількість методів, які впливають на кожен елемент цього набору. Зокрема, до них можна додавати обробники подій. Наприклад, щоб вивести повідомлення після натискання на кнопку, можна розмістити JavaScript у події onclick:

"Button id =" myButton "onclick =" alert ( 'l was clicked!') "> Click me! </ Button>

Недоліком цього підходу є те, що він змішує код з розміткою, що може ускладнити підтримку програми та його логіку. Використовуючи jQuery, можна додати зовнішній обробник подій для натискання кнопки.

"Button id =" myButton "> Click me! </ Button>

"Script type =" text / javascript ">

$ ( 'Button # myButton'). Click (function () {alert ( 'l was clicked!');});

</ Script>

За рахунок такого поділу розмітки сайту та його коду (поведінки) полегшується підтримка сайту, поліпшується читаність коду.

Аналогічним способом можна додати обробник для події ready, до цілої сторінки. Він запуститься після того, як сформується ієрархія об'єктів DOM для сторінки. Таким чином, краще всього, якщо події і інший jQuery-код будуть міститися в обробнику події ready:

$ (Document) .ready (function () {

$ ( 'Button # myButton'). Click (function () {alert ( 'Button was clicked!');});

}):

В результаті виходить те ж саме, що і в попередньому прикладі, але більш безпечним способом, в якому спочатку завантажується DOM, і тільки потім до кнопки прикріплюється обробник подій.

-ЗАПИТИ

За допомогою jQuery дуже просто створювати Ajax запити. Наприклад, нижче показаний Ajax-запит, що виконується у відповідь на натискання кнопки (аналогічний розглянутому раніше в розділі "Технологія Ajax"): "script type =" text / javascript ''>

$ (Document) .ready (function () {$ ( "button ''). Click (function () {

$ ( "# Otvet ''). Load (" request.txt ");});

});

</ Script>

Обробники Ajax-запитів дуже просто писати з використанням технологій РНР і ASP.Net МКС.

 
Якщо Ви помітили помилку в тексті позначте слово та натисніть Shift + Enter
< Попередня   ЗМІСТ   Наступна >
 
Дисципліни
Агропромисловість
Аудит та Бухоблік
Банківська справа
БЖД
Географія
Документознавство
Екологія
Економіка
Етика та Естетика
Журналістика
Інвестування
Інформатика
Історія
Культурологія
Література
Логіка
Логістика
Маркетинг
Медицина
Нерухомість
Менеджмент
Педагогіка
Політологія
Політекономія
Право
Природознавство
Психологія
Релігієзнавство
Риторика
Соціологія
Статистика
Техніка
Страхова справа
Товарознавство
Туризм
Філософія
Фінанси
Пошук