Добавление нового элемента в выборку. Метод 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

Оставить комментарий