জেকুয়েরি wrapAll() মেথড
« জেকুয়েরি এইচটিএমএল/সিএসএস মেথডসমূহ
সংজ্ঞা এবং ব্যবহার
wrapAll()
মেথড সকল নির্বাচিত এলিমেন্টের চারপাশে নির্দিষ্ট এইচটিএমএল এলিমেন্ট Wrap
করে।
সিনট্যাক্স ও ব্যাখ্যা
$(selector).wrapAll(wrappingElement)
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে wrapAll()
মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
প্যারামিটার | বিবরণ |
---|---|
wrappingElement |
আবশ্যক। নির্বাচিত এলিমেন্টের চারপাশে যে এইচটিএমএল এলিমেন্ট Wrap করে, সেটিকে নির্দেশ করে।
সম্ভাব্য ভ্যালুগুলো হলো:
|
উদাহরণ
ডোম দ্বারা একটি নতুন এলিমেন্ট তৈরি
একটি এলিমেন্ট তৈর এবং নির্বাচিত এলিমেন্টের কন্টেন্টের চারপাশে এটি Wrap
করতে কিভাবে document.createElement()
ব্যবহার করা যায়।
উদাহরণ
<!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").wrapAll(document.createElement("div"));
});
});
</script>
<style>
div{background-color: green;}
</style>
</head>
<body>
<p>এটি একটি প্যারাগ্রাফ।</p>
<p>এটি আরেকটি প্যারাগ্রাফ।</p>
<button>সকল p এলিমেন্ট wrap করার জন্য একটি নতুন div খুলুন।</button>
</body>
</html>
ফলাফল
« জেকুয়েরি এইচটিএমএল/সিএসএস মেথডসমূহ