เมธอด removeClass
เมธอด removeClass ลบ
คลาส CSS ที่กำหนดออกจากแอตทริบิวต์
class สามารถ
ลบคลาสหนึ่งรายการหรือหลายรายการพร้อมกันได้
ไวยากรณ์
คลาส CSS หนึ่งรายการ:
$(ตัวเลือก).removeClass(ชื่อคลาส CSS)
คลาส CSS หลายรายการ:
$(ตัวเลือก).removeClass('คลาส1 คลาส2 คลาส3 ...')
การใช้ฟังก์ชันกับแต่ละองค์ประกอบในเซ็ต:
$(ตัวเลือก).removeClass(function(ลำดับในเซ็ต, คลาส CSS ปัจจุบันขององค์ประกอบ))
ตัวอย่าง
ย่อหน้าของเรามีสองคลาสแล้ว มาลอง
ลบคลาส www ออก:
<p id="test" class="eee www">text</p>
$('#test').removeClass('www');
โค้ด HTML จะกลายเป็นแบบนี้:
<p id="test" class="eee">text</p>
ตัวอย่าง
ย่อหน้าของเรามีคลาสแล้ว มาลองลบ คลาสนี้ออก:
<p id="test" class="www">text</p>
$('#test').removeClass('www');
โค้ด HTML จะกลายเป็นแบบนี้:
<p id="test" class="">text</p>
ตัวอย่าง
ย่อหน้าของเรามี 3 คลาส
มาลองลบสองคลาส - www และ
ggg:
<p id="test" class="eee www ggg">text</p>
$('#test').removeClass('www ggg');
โค้ด HTML จะกลายเป็นแบบนี้:
<p id="test" class="eee">text</p>
ดูเพิ่มเติม
-
เมธอด
addClass,toggleClass,hasClass -
คุณสมบัติ JavaScript
classlist,
ซึ่งสามารถใช้เพิ่มและลบคลาส CSS ขององค์ประกอบด้วย JavaScript ล้วนได้
