add մեթոդը
add մեթոդը ավելացնում է տրված
տարրերը արդեն գոյություն ունեցող տարրերի հավաքածուին։
Շարահյուսություն
Ավելացում ընտրիչի միջոցով.
.add(ընտրիչ);
Ավելացվող տարրերը նշվում են մեկ կամ մի քանի (զանգվածով) DOM տարրերով.
.add(DOM տարր);
Ավելացվող տարրերը նշվում են jQuery օբյեկտով.
.add(jQuery օբյեկտ);
Ավելացվող տարրերը նշվում են html տեքստով.
.add(html տեքստ);
Ավելացվող տարրերը որոնվում են էջում օգտագործելով տրված ընտրիչը, երկրորդ պարամետրով նշված որոնման տարածքում: Որոնման տարածքը կարող է նշվել DOM տարրով, jQuery օբյեկտով կամ փաստաթղթի օբյեկտով.
.add(ընտրիչ, կոնտեքստ);
Օրինակ
Եկեք գտնենք բոլոր պարբերությունները, դրանց վերջում ավելացնենք
'!' տեքստը, ապա գտնված պարբերություններին ավելացնենք
h2
վերնագրերը և միաժամանակ և՛ վերնագրերի, և՛ պարբերությունների
համար սահմանենք կարմիր գույն.
<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>
$('p').append('!').add('h2').css('color', 'red');
Օրինակ
Եկեք ներմուծենք որոնման կոնտեքստ՝ ավելացնելով
միայն այն h2 վերնագրերը, որոնք գտնվում են
#test տարրի ներսում.
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
Օրինակ
Ստեղծենք որոնման կոնտեքստ՝ որպես DOM տարր՝
օգտագործելով JavaScript-ի
querySelector մեթոդը.
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
Օրինակ
Շատ հաճախ կարելի է անել նաև առանց կոնտեքստի՝ պարզապես օգտագործելով ավելի բարդ ընտրիչ.
$('p').append('!').add('#test h2').css('color', 'red');
