Metoda add
Metoda add dodaje zadane
elementy do już istniejącego zestawu elementów.
Składnia
Dodawanie według selektora:
javascript.add(selektor);
Dodawane elementy są określone przez jeden lub kilka (tablicę) elementów DOM:
javascript.add(element DOM);
Dodawane elementy są określone przez obiekt jQuery:
javascript.add(obiekt jQuery);
Dodawane elementy są określone przez tekst html:
javascript.add(tekst html);
Dodawane elementy są wyszukiwane na stronie za pomocą zadanego selektora, wewnątrz obszaru, określonego drugim parametrem. Obszar wyszukiwania może być określony przez element DOM, obiekt jQuery lub obiekt dokumentu:
javascript.add(selektor, kontekst);
Przykład
Znajdźmy wszystkie akapity, dodajmy na końcu
tekst '!', następnie dodajmy do znalezionych akapitów
nagłówki h2
i jednocześnie dla nagłówków i akapitów
ustawmy czerwony kolor:
html<div>ddd</div>
<h1>hhh</h1>
<p>ppp</p>
<div id="test"><h2>hhh</h2></div>
<p>ppp</p>
<h2>hhh</h2>
<p>ppp</p>javascript$('p').append('!').add('h2').css('color', 'red');
Przykład
Wprowadźmy kontekst wyszukiwania - dodajmy
tylko te h2, które znajdują się wewnątrz elementu
#test:
javascriptlet $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
Przykład
Stwórzmy kontekst wyszukiwania w postaci elementu DOM za
pomocą metody JavaScript
querySelector:
javascriptlet context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
Przykład
Najczęściej można obejść się bez kontekstu, po prostu tworząc bardziej złożony selektor:
javascript$('p').append('!').add('#test h2').css('color', 'red');