jQuery รับและกำหนดคลาส CSS
โดย jQuery ก็สามารถใช้งานได้อย่างง่ายดายบนองค์ประกอบ CSS
การดำเนินงาน jQuery CSS
jQuery มีหลายวิธีในการดำเนินงาน CSS เราจะได้เรียนรู้ต่อไปนี้:
- addClass () - เพิ่มหนึ่งหรือมากกว่าหนึ่งหมวดหมู่เพื่อองค์ประกอบที่เลือก
- removeClass () - ลบองค์ประกอบหนึ่งหรือเลือกจากชั้นเรียน
- toggleClass () - สำหรับองค์ประกอบที่เลือกใน Add / Remove ดำเนินการสลับชั้น
- () CSS - ชุดหรือผลตอบแทนแอตทริบิวต์สไตล์
ตัวอย่างของสไตล์ชีต
สไตล์ต่อไปนี้จะนำมาใช้สำหรับตัวอย่างทั้งหมดในหน้านี้:
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
jQuery addClass () วิธีการ
ตัวอย่างต่อไปนี้แสดงให้เห็นถึงวิธีการที่จะเพิ่มแอตทริบิวต์ชั้นเรียนกับองค์ประกอบที่แตกต่างกัน แน่นอนว่าเมื่อคุณเพิ่มชั้นเรียนคุณยังสามารถเลือกหลายองค์ประกอบ:
ตัวอย่าง
$("button").click(function(){
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
});
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
});
ลอง»
นอกจากนี้คุณยังสามารถระบุใน addClass () วิธีการในหลายประเภท:
jQuery removeClass () วิธีการ
ตัวอย่างต่อไปนี้แสดงให้เห็นถึงวิธีการลบคลาสที่ระบุแอตทริบิวต์องค์ประกอบที่แตกต่าง:
jQuery toggleClass () วิธีการ
ตัวอย่างต่อไปนี้แสดงให้เห็นถึงวิธีการใช้) วิธีการ jQuery toggleClass ( วิธีการดำเนินงานของการเปลี่ยนองค์ประกอบเลือกเพิ่มลบ / ชั้น:
jQuery CSS () วิธีการ
เราจะอธิบาย jQuery CSS () วิธีการในบทต่อไป