# Практика на отработку библиотеки jQuery

Все абзацы `p`, внутри которых есть тег `b`, оберните в тег `div`.

Найдите все абзацы `p` с классом `www`, поставьте им в начало текст `'!'`, затем добавьте к этим абзацам еще и заголовки `h1`-`h6` и покрасьте эти абзацы и заголовки в красный цвет.

Найдите все абзацы `p` и замените их на тег `div` с таким же содержимым.

Найдите все чекбоксы на странице и заблокируйте четные из найденных.

Поставьте всем незаблокированным чекбоксам статус `'отмечен'`.

Дан элемент `#test`. Поставьте его непосредственному соседу сверху текст `'!'`, а соседу снизу - текст `'?'`. Решите задачу одной цепочкой.

Дан элемент `#test`. Поставьте его непосредственным соседям сверху и снизу текст элемента `#test`.

Дан элемент `#test`. Найдите среди его соседей сверху ближайший абзац и поставьте ему текст элемента `#test`.

Найдите второй `li` на странице, добавьте ему класс `www`, оберните его внутри тегом `i`, вставьте после него `li` с текстом `'привет'`.

Найдите десятый `li` на странице, найдите его родителя, получите непосредственного соседа родителя сверху, оберните его в `<div class="www"></div>`.

Каждому абзацу `p`, кроме абзацев с классом `www`, добавьте к конец его порядковый номер.

Найдите все абзацы `p` и поставьте перед каждым абзацем его копию. Копию покрасьте в красный цвет, а исходный абзац в зеленый.

Найдите абзацы `p`, которые стоят непосредственно под `h2` и переместите каждый абзац так, чтобы он встал непосредственно над `h2`.

Найдите все пустые абзацы `p` (без текста) и вставьте в них текст непосредственного соседа сверху.

Родителю тега `b`, если это элемент с классом `www` или абзац `p`, поставьте красный цвет и размер текста в `30px`.

Всем пустым абзацам `p` поставьте текст ближайшего к ним сверху тега `h2`.

Даны инпуты с числами. Сделайте так, чтобы в инпутах стали квадраты этих чисел.

Дан элемент `#test`. Поставьте ему в начало текст непосредственного соседа сверху, а в конец - текст непосредственного соседа снизу.

Дан элемент `#test`. Найдите его второго соседа сверху и его второго соседа снизу. Сделайте так, чтобы найденные элементы обменялись текстом (сосед сверху возьмет текст соседа снизу и наоборот).

Дан элемент `div`. Выберите из него всех непосредственных потомков, которые не являются заголовками и покрасьте их в красный цвет.

Найдите все абзацы `p`, покрасьте их в красный цвет. Затем выберите среди найденных абзацев абзацы с классом `www` и поставьте им текст `'!'`.

Найдите все абзацы `p` с классом `www`, покрасьте их в красный цвет. Затем выберите среди найденных абзацев первый и поставьте ему текст `'!'`, затем выберите последний и ему поставьте текст `'?'`. Решите задачу одной цепочкой.

Найдите все абзацы `p`, поставьте каждому из них в конец тот же текст, который стоит внутри него (то есть текст в абзаце станет написан два раза).

Найдите все абзацы `p`, поставьте каждому из них в конец его порядковый номер в наборе.

Даны абзацы с числами. Поставьте каждому из них в конец число, которое в нем хранится, умноженное на его порядковый номер в наборе.

По нажатию на абзац `p` удалите его непосредственных соседей сверху и снизу.

По нажатию на абзац `p` удалите всех его соседей сверху до первого заголовка `h1`-`h6` (то есть элементы, стоящие выше этого заголовка и сам заголовок удалять не надо).

По нажатию на абзац `p` удалите его ближайшего нижнего соседа с классом `www`.

По нажатию на абзац `p` удалите его пятого соседа снизу.

По нажатию на абзац `p` удалите его пятого соседа снизу, если это не `h2`.

По нажатию на абзац `p` удалите его пятого соседа снизу, если этот сосед не имеет внутри себя тега `b`.

По нажатию на абзац `p` удалите его пятого соседа снизу, если этот сосед не стоит непосредственно после `h2`.

Дан элемент `#test`. Поменяйте этот элемент местами с его непосредственным соседом снизу.

Дан элемент `#test`. После его непосредственного соседа снизу вставьте копию нашего элемента.

Дан элемент `#test`. Поменяйте этот элемент местами с его ближайшим соседом снизу с классом `www`.

Найдите все абзацы `p`, которые внутри одного родителя лежат между одним и другим `h2`.

Оберните каждый абзац `p` снаружи и внутри в `div`.

Найдите все абзацы `p`, у которых непосредственный родитель не `div` и оберните каждый из них в `<div class="www"></div>`.

Найдите все абзацы `p`. Удалите их родителя (сделайте ему `unwrap`), если этот родитель не `div` с классом `www`. Затем для те абзацы, у которых был удален родитель, оберните в `div` с классом `zzz`.

Найдите всех родителей элемента `#test` и создайте массив из CSS классов этих родителей.

Найдите все абзацы `p`, у которых есть атрибут `class`, и каждый из них оберните в `div` с теми же классами, как у найденного абзаца, а классы каждого абзаца удалите вместе с атрибутом `class`.

Найдите все абзацы `p` из `#test`, поставьте им в конец текст `'!'`, затем исключите из найденных абзацы с классом `www` и оставшимся поставьте красный цвет.

Найдите все `li` на странице, затем перед предпоследним из найденных вставьте еще один `li` с текстом `'пункт'`.

Найдите все `li` на странице, затем выберите среди найденных второй, третий и четвертый с конца и поставьте им текст `'!'`.

Найдите `ol` с `#test` и переставьте все `li` в нем в обратном порядке.

Дан элемент `#test`. Найдите всех его соседей сверху и всех его соседей снизу и поменяйте их местами (то есть все, что стоит до элемента, должно стать после него и наоборот).

Получите все `li` с классом `www`, сделайте им красный цвет, затем найдите среди найденных те `li`, у которых есть класс `bbb` и удалите их. Решите все одной цепочкой.

Получите все `li` на странице. Четные из полученных сделайте пустыми, а нечетные удалите.

Найдите все теги `div` и удвойте им высоту.

Найдите сумму высот всех `div` на странице.

Для элемента `#test` найдите ближайшего родителя с классом `www`, в конец этого родителя добавьте абзац с текстом `'!'`.

По нажатию на элемент `#test` найдите его ближайшего родителя с классом `www`, внутри этого родителя найдите все абзацы и покрасьте их в красный цвет.

Покрасьте первые `10` `li` на странице в красный цвет.

Покрасьте с `5`-той по `10`-ю `li` на странице в красный цвет.

Найдите последние `10` `li` на странице, покрасьте их в красный цвет. Затем из найденных найдите четные `li` и оберните их внутри в тег `b`.

На странице даны чекбоксы. Подсчитайте, сколько из них отмечены.

Дано `5` чекбоксов. Сделайте так, чтобы после того, как пользователь отметил два из них, все чекбоксы заблокировались.

Сделайте так, чтобы все отмеченные чекбоксы сменили свое состояние на неотмеченное и наоборот.

Дан инпут. Переместите содержимое атрибута `value` в атрибут `placeholder`, а сам атрибут `value` удалите совсем.

Дана ссылка. Если атрибут `href` начинается на `http://`, добавьте ссылке атрибут `target="_blank"`.

Дан инпут, в который можно ввести число. Сделайте так, чтобы при вводе числа в этот инпут и потери фокуса на странице искался чекбокс с таким номером и становился отмеченным, а остальные чекбоксы становились неотмеченными.

Дан селект и радио кнопочки, количество радио равно количеству пунктов в селекте. Сделайте так, чтобы при выборе пункта в селекте автоматически становилась отмеченной соответствующая радио кнопочка (соответствие по номеру следования: первый пункт списка - первому радио и так далее).

←
↑