add մեթոդը

add մեթոդը ավելացնում է տրված տարրերը արդեն գոյություն ունեցող տարրերի հավաքածուին։

Շարահյուսություն

Ավելացում ընտրիչի միջոցով.

javascript.add(ընտրիչ);

Ավելացվող տարրերը նշվում են մեկ կամ մի քանի (զանգվածով) DOM տարրերով.

javascript.add(DOM տարր);

Ավելացվող տարրերը նշվում են jQuery օբյեկտով.

javascript.add(jQuery օբյեկտ);

Ավելացվող տարրերը նշվում են html տեքստով.

javascript.add(html տեքստ);

Ավելացվող տարրերը որոնվում են էջում օգտագործելով տրված ընտրիչը, երկրորդ պարամետրով նշված որոնման տարածքում: Որոնման տարածքը կարող է նշվել DOM տարրով, jQuery օբյեկտով կամ փաստաթղթի օբյեկտով.

javascript.add(ընտրիչ, կոնտեքստ);

Օրինակ

Եկեք գտնենք բոլոր պարբերությունները, դրանց վերջում ավելացնենք '!' տեքստը, ապա գտնված պարբերություններին ավելացնենք h2 վերնագրերը և միաժամանակ և՛ վերնագրերի, և՛ պարբերությունների համար սահմանենք կարմիր գույն.

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');

Օրինակ

Եկեք ներմուծենք որոնման կոնտեքստ՝ ավելացնելով միայն այն h2 վերնագրերը, որոնք գտնվում են #test տարրի ներսում.

javascriptlet $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');

Օրինակ

Ստեղծենք որոնման կոնտեքստ՝ որպես DOM տարր՝ օգտագործելով JavaScript-ի querySelector մեթոդը.

javascriptlet context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');

Օրինակ

Շատ հաճախ կարելի է անել նաև առանց կոնտեքստի՝ պարզապես օգտագործելով ավելի բարդ ընտրիչ.

javascript$('p').append('!').add('#test h2').css('color', 'red');

Տես նաև