მეთოდი 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');

იხილეთ აგრეთვე