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

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


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


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

removeAttr() মেথড নির্বাচিত এলিমেন্ট থেকে এক বা একাধিক মেথড রিমুভ করে।


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

$(selector).removeAttr(attribute)

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

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

প্যারামিটার বিবরণ
attribute আবশ্যক। যেই এক বা একাধিক এট্রিবিউট রিমুভ করা হবে সেটিকে নির্দেশ করে। একাধিক এট্রিবিউটের ক্ষেত্রে এট্রিবিউটের নামগুলো কমার(,) মাধ্যমে আলাদা করতে হয়।

উদাহরণ

<!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").removeAttr("style");
    });
});
</script>
</head>
<body>

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

<p style="font-size:120%;color:green">এটি একটি প্যারাগ্রাফ।</p>
<p style="font-weight:bold;color:purple">এটি অন্য একটি প্যারাগ্রাফ।</p>

<button>সকল p এলিমেন্ট থেকে style এট্রিবিউট রিমুভ করুন</button>

</body>
</html>

ফলাফল




উদাহরণ

নির্বাচিত এলিমেন্ট থকে একাধিক এট্রিবিউট রিমুভ

নির্বাচিত এলিমেন্ট থেকে কিভাবে আইডি এবং ক্লাস এট্রিবিউট রিমুভ করা যায়।

উদাহরণ

<!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").removeAttr("id class");
    });
});
</script>
<style>
#p1 {
    color: white;
    background-color: green;
    font-size: 20px;
    padding: 5px;
}

.purple {
    color: white;
    background-color: purple;
    font-size: 20px;
    padding: 5px;
}
</style>
</head>
<body>

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

<p id="p1">এটি একটি প্যারাগ্রাফ।</p>
<p class="purple">এটি অন্য একটি প্যারাগ্রাফ।</p>

<button>সকল p এলিমেন্ট থেকে class এবং id এট্রিবিউট রিমুভ করুন</button>

</body>
</html>

ফলাফল




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