logo

Приклад jQuery

jQuery розроблено Google. Щоб створити перший приклад jQuery, вам потрібно використовувати файл JavaScript для jQuery. Ви можете завантажити файл jQuery з jquery.com або використати абсолютну URL-адресу файлу jQuery.

У цьому прикладі jQuery ми використовуємо абсолютну URL-адресу файлу jQuery. Приклад jQuery записаний усередині тегу script.

Давайте розглянемо простий приклад jQuery.

Файл: firstjquery.html
 First jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 
Перевірте зараз

Вихід:

Вибрано перший абзац.

Виділено другий абзац.

Вибрано третій абзац.

$(document).ready() і $()

Код, вставлений між $(document).ready(), виконується лише один раз, коли сторінка готова до виконання коду JavaScript.

рядок у java

Замість $(document).ready() можна використовувати лише скорочене позначення $().

 $(document).ready(function() { $(&apos;p&apos;).css(&apos;color&apos;, &apos;red&apos;); }); 

Наведений вище код еквівалентний цьому коду.

 $(function() { $(&apos;p&apos;).css(&apos;color&apos;, &apos;red&apos;); }); 

Давайте розглянемо повний приклад jQuery з використанням скороченої нотації $().

Файл: shortjquery.html
 Second jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 
Перевірте зараз

Вихід:

Вибрано перший абзац.

Виділено другий абзац.

Вибрано третій абзац.

int у рядку

function() { $('p').css('background-color', 'cyan'); }

Це змінює фоновий колір усіх

тег або абзац на блакитний.