জেকুয়েরি clone() মেথড
« জেকুয়েরি এইচটিএমএল/সিএসএস মেথডসমূহ
সংজ্ঞা এবং ব্যবহার
clone() মেথড নির্বাচিত এলিমেন্টকে সিলেক্ট করে, যার মধ্যে চাইল্ড নোড, টেক্সট এবং অন্তর্ভুক্ত থাকে।
সিনট্যাক্স ও ব্যাখ্যা
$(selector).clone(true|false)
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে clone() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
true |
ইভেন্ট হ্যান্ডলারও কপি করবে কিনা তা নির্দেশ করে। |
false |
ডিফল্ট। ইভেন্ট হ্যান্ডলার কপি করা হবে না, উল্লেখ করে। |
উদাহরণ
<!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(){
$("p").clone().appendTo("body");
});
});
</script>
</head>
<body>
<p>এটি একটি অনুচ্ছেদ</p>
<p>এটি অন্য একটি অনুচ্ছেদ</p>
<button> সকল p এলিমেন্টগুলোকে কপি করুন এবং তাদের বডি এলিমেন্ট যুক্ত করুন।</button>
</body>
</html>
ফলাফল
উদাহরণ
ইভেন্ট হ্যান্ডলারসহ একটি এলিমেন্ট কপ
কিভাবে clone() মেথড ইভেন্ট হ্যান্ডলারসহ একটি এলিমেন্ট কপি করতে ব্যবহার করা হয়।
উদাহরণ
<!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(){
$("body").append($("p:first").clone(true));
});
$("p").click(function(){
$(this).animate({fontSize: "+=1px"});
});
});
</script>
</head>
<body>
<p>টেক্সটের আকার বড় করার জন্য প্যারাগ্রাফটিতে ক্লিক করুন।</p>
<p>এটি অন্য একটি প্যারাগ্রাফ।</p>
<button>প্রথম p এলিমেন্টটিকে কপি করে (ইভেন্ট হ্যান্ডলারসহ), body এলিমেন্টে সাথে সংযুক্ত করি</button>
</body>
</html>
ফলাফল
« জেকুয়েরি এইচটিএমএল/সিএসএস মেথডসমূহ