Добавление нового элемента в выборку. Метод add() (jQuery)
Метод add() позволяет добавить в имеющуюся выборку каких-то элементов еще один элемент, т.о. это позволяет выполнить общее изменение над итоговым набором. Например, у нас есть несколько элементов на странице:
1 2 3 4 |
<span>элемент 1</span> <span>элемент 2</span> <span>элемент 3</span> <p>Текст</p> |
Допустим, мы сначала хотим изменить цвет шрифта элементов span, а затем изменить фон для всех span и элемента p. Конечно, можно сделать это поочередно над каждым набором однотипных элементов, но код можно сделать значительно короче с помощью метода add() jQuery:
1 |
$("span").css("color", "#ccc").add("p").css("background-color", "green");
|
С помощью одной такой строчки мы реализовали сразу несколько действий.
Обратите внимание, что метод add() не добавляет элементы на страницу, а добавляет уже имеющиеся элементы в «набор», над которым совершаются определенные действия. По сути, он объединяет несколько различных элементов. Подобного же результата можно было бы добиться и следующим способом:
1 2 3 4 |
// меняем цвет шрифта для элементов span
$("span").css("color", "#ccc");
// объединяем элементы в один набор и меняем цвет фона
$("span").add("p").css("background-color", "green");
|
Но, как видим, код получился не таким лаконичным.
Категория: jQuery