জেকুয়েরি empty() মেথড
« জেকুয়েরি এইচটিএমএল/সিএসএস মেথডসমূহ
সংজ্ঞা এবং ব্যবহার
empty() মেথড নির্বাচিত এলিমন্ট থেকে সকল চাইল্ড nodes এবং কন্টেন্ট রিমুভ করে।
নোট: এই মেথডে এলিমেন্ট অথবা তার এট্রিবিউট নিজেই রিমুভ হবে না।
পরামর্শঃ ডেটা এবং ইভেন্ট ব্যাতীত এলিমেন্ট রিমুভ করতে চাইলে, detach() মেথড ব্যবহার করুন।
পরামর্শঃ এলিমেন্ট এবং এর ডেটা এবং ইভেন্টসহ রিমুভ করতে চাইলে, remove() মেথড ব্যবহার করুন।
সিনট্যাক্স ও ব্যাখ্যা
$(selector).empty()
উদাহরণ
<!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(){
$("div").empty();
});
});
</script>
</head>
<body>
<div style="height:80px;background-color:green">
এগুলো কিছু টেক্সট।
<p>এটি div এলিমেন্টের মধ্যের একটি প্যারাগ্রাফ।</p>
</div>
<p>এটি div এলিমেন্টের বাহিরের একটি প্যারাগ্রাফ।</p>
<button>div এলিমেন্টের কন্টেন্ট রিমুভ করুন</button>
</body>
</html>
ফলাফল
« জেকুয়েরি এইচটিএমএল/সিএসএস মেথডসমূহ