add পদ্ধতি
add পদ্ধতি একটি বিদ্যমান উপাদানের সেটে নির্দিষ্ট
উপাদানগুলি যোগ করে।
সিনট্যাক্স
সিলেক্টর দ্বারা যোগ করা:
.add(সিলেক্টর);
যোগ করা উপাদানগুলি একটি বা একাধিক (অ্যারে হিসাবে) DOM উপাদান দ্বারা নির্দিষ্ট করা হয়:
.add(DOM উপাদান);
যোগ করা উপাদানগুলি jQuery অবজেক্ট দ্বারা নির্দিষ্ট করা হয়:
.add(jQuery অবজেক্ট);
যোগ করা উপাদানগুলি html টেক্সট দ্বারা নির্দিষ্ট করা হয়:
.add(html টেক্সট);
যোগ করা উপাদানগুলি পৃষ্ঠায় দ্বিতীয় প্যারামিটার দ্বারা নির্দিষ্ট করা scope-এর ভিতরে, প্রদত্ত সিলেক্টর ব্যবহার করে খোঁজা হয়। সার্চ এর scopeটি একটি 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');
উদাহরণ
JavaScript মেথড
querySelector ব্যবহার করে
একটি DOM এলিমেন্ট আকারে সার্চ কনটেক্সট তৈরি করি:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
উদাহরণ
বেশিরভাগ ক্ষেত্রেই কনটেক্সট ছাড়াই কাজ চালানো যায়, কেবল একটি আরও জটিল সিলেক্টর তৈরি করে:
$('p').append('!').add('#test h2').css('color', 'red');
