เมธอด removeClass

เมธอด removeClass ลบ คลาส CSS ที่กำหนดออกจากแอตทริบิวต์ class สามารถ ลบคลาสหนึ่งรายการหรือหลายรายการพร้อมกันได้

ไวยากรณ์

คลาส CSS หนึ่งรายการ:

javascript$(ตัวเลือก).removeClass(ชื่อคลาส CSS)

คลาส CSS หลายรายการ:

javascript$(ตัวเลือก).removeClass('คลาส1 คลาส2 คลาส3 ...')

การใช้ฟังก์ชันกับแต่ละองค์ประกอบในเซ็ต:

javascript$(ตัวเลือก).removeClass(function(ลำดับในเซ็ต, คลาส CSS ปัจจุบันขององค์ประกอบ))

ตัวอย่าง

ย่อหน้าของเรามีสองคลาสแล้ว มาลอง ลบคลาส www ออก:

html<p id="test" class="eee www">text</p>

javascript$('#test').removeClass('www');

โค้ด HTML จะกลายเป็นแบบนี้:

html<p id="test" class="eee">text</p>

ตัวอย่าง

ย่อหน้าของเรามีคลาสแล้ว มาลองลบ คลาสนี้ออก:

html<p id="test" class="www">text</p>

javascript$('#test').removeClass('www');

โค้ด HTML จะกลายเป็นแบบนี้:

html<p id="test" class="">text</p>

ตัวอย่าง

ย่อหน้าของเรามี 3 คลาส มาลองลบสองคลาส - www และ ggg:

html<p id="test" class="eee www ggg">text</p>

javascript$('#test').removeClass('www ggg');

โค้ด HTML จะกลายเป็นแบบนี้:

html<p id="test" class="eee">text</p>

ดูเพิ่มเติม