Основно съдържание
Курс: Програмиране > Раздел 7
Урок 3: DOM модификация с jQuery- Модификация на елементи с jQuery
- Предизвикателство: Променящата се гъсеница
- Създаване на елементи с jQuery
- Предизвикателство: Създател на създания
- Преглед: DOM модификация с jQuery
- Проект: Пълна промяна на една уеб страница
© 2024 Khan AcademyУсловия за ползванеДекларация за поверителностПолитика за Бисквитки
Проект: Пълна промяна на една уеб страница
Много от уеб страниците включват jQuery – затова, когато ги посещаваш можеш да отвориш JavaScript конзолата и успешно да изпълниш код като този:
$("body").text("Мухахахаха");
Това означава, че можеш да използваш jQuery, за да се забавляваш с уеб страници, които не са твои, и да разбереш как е съставен техният HTML.
Например можеш да идеш в Twitter и да замениш всички изображения с изображение на сърдита котка:
$("img").attr("src", "https://pbs.twimg.com/profile_images/616542814319415296/McCTpH_E.jpg");
Виж колко добре изглежда сега нашата Кан Академия!
Кои са любимите ти уеб сайтове? Опитай да намериш някой, който използва jQuery (като тестваш първия ред на кода) и видиш по какви забавни начини можеш да го промениш. Някои уеб сайтове ограничават ресурсите, които можеш да внесеш в тях, затова ще ти трябва повече креатиност. Например Twitter позволява само изображения от Twitter, затова потърсих изображения на котки в twitter.com.
Сподели кода на преправената уеб страница в Съвети и Трикове по-долу. Да направим мрежата по-красиво (и по-пълно с котки) място!
Искаш ли да се присъединиш към разговора?
Все още няма публикации.