জেকুয়েরি জাভাস্ক্রিপ্ট এঙ্গুলার এইচটিএমএল সিএসএস বুটস্ট্রাপ
লগইন
 

জেকুয়েরি appendTo() মেথড


« জেকুয়েরি এইচটিএমএল/সিএসএস মেথডসমূহ


সংজ্ঞা এবং ব্যবহার

appendTo() মেথড নির্বাচিত এলিমেন্টের শেষে এইচটিএমএল এলিমেন্ট অন্তর্ভুক্ত করে।

পরামর্শঃ নির্বাচিত এলিমেন্টের শুরুতে এইচটিএমএল এলিমেন্ট অন্তর্ভুক্ত করতে prependTo() মেথড ব্যবহার করুন।


সিনট্যাক্স ও ব্যাখ্যা

$(content).appendTo(selector)

প্যারামিটার ও তাদের ভ্যালু

নিচের টেবিলে appendTo() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ

প্যারামিটার বিবরণ
content আবশ্যক। অন্তর্ভুক্ত করার বিষয়বস্তু উল্লেখ করে (অবশ্যই এইচটিএমএল ট্যাগ ধারন করে)।

নোট: যদি কন্টেন্টটি একটি বিদ্যমান এলিমেন্ট হয়, তাহলে এটি বর্তমান অবস্থান থেকে মুছে যাবে এবং নির্বাচিত এলিমেন্টের শেষে অন্তর্ভুক্ত হবে।
selector আবশ্যক। যে এলিমেন্টের সাথে কন্টেন্ট যুক্ত হবে সেটিকে নির্দেশ করে।

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জেকুয়েরির উদাহরণ</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 <script>
$(document).ready(function(){
    $("button").click(function(){
        $("<span>Satt Academy</span>").appendTo("p");
    });
});
</script>
</head>
<body>

<button> প্রত্যেক p এলিমেন্টের শেষে span এলিমেন্ট সন্নিবেশ করুন।</button>

<p>এটি একটি অনুচ্ছেদ</p>
<p>এটি অন্য একটি অনুচ্ছেদ</p>

</body>
</html>

ফলাফল




উদাহরণ

একটি বিদ্যমান এলিমেন্ট অন্তর্ভুক্তকরন

একটি নির্বাচিত এলিমেন্টের শেষে একটি বিদ্যমান এলিমেন্ট অন্তর্ভুক্তকরনে কিভাবে appendTo() মেথড ব্যবহার করা যায়

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জেকুয়েরির উদাহরণ</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 <script>
$(document).ready(function(){
    $("button").click(function(){
        $("h1").appendTo("p");
    });
});
</script>
</head>
<body>

<h1>এটি একটি হেডিং</h1>

<p>এটি একটি প্যারাগ্রাফ।</p>
<p>এটি অন্য একটি প্যারাগ্রাফ।</p>

<button>প্রত্যেক p এলিমেন্টের পরে h1 এলিমেন্ট ইনসার্ট করি</button>

</body>
</html>

ফলাফল




« জেকুয়েরি এইচটিএমএল/সিএসএস মেথডসমূহ