Latest web development tutorials
×

jQuery หลักสูตร

jQuery หลักสูตร jQuery แนะนำโดยย่อ jQuery ติดตั้ง jQuery ไวยากรณ์ jQuery ผู้เลือก jQuery เหตุการณ์

jQuery ผล

jQuery ซ่อน / แสดง jQuery จางหาย jQuery สไลด์ jQuery นิเมชั่น jQuery หยุดนิเมชั่น jQuery Callback jQuery Chaining

jQuery HTML

jQuery การจับกุม jQuery จัดตั้งขึ้น jQuery เพิ่มองค์ประกอบ jQuery การลบองค์ประกอบ jQuery CSS หมวดหมู่ jQuery css() ทาง jQuery ขนาด

jQuery ข้ามผ่าน

jQuery ข้ามผ่าน jQuery บรรพบุรุษ jQuery ลูกหลานของเรา jQuery เพื่อนร่วมชาติ jQuery การกรอง

jQuery Ajax

jQuery AJAX แนะนำโดยย่อ jQuery load() ทาง jQuery get()/post() ทาง

jQuery อื่น ๆ

jQuery noConflict() ทาง jQuery JSONP

jQuery ตัวอย่าง

jQuery ตัวอย่าง

jQuery คู่มืออ้างอิง

jQuery ผู้เลือก jQuery วิธีการใช้เหตุการณ์ jQuery วิธีการมีผลบังคับใช้ jQuery HTML / CSS ทาง jQuery วิธีการข้ามผ่าน jQuery AJAX ทาง jQuery วิธีเบ็ดเตล็ด jQuery คุณสมบัติ

jQuery วิดเจ็ต

jQuery Validate jQuery Accordion jQuery Autocomplete jQuery Message jQuery ตรวจสอบรหัสผ่าน jQuery Prettydate jQuery Tooltip jQuery Treeview

jQuery addClass () วิธีการ

jQuery HTML / วิธี CSS jQuery HTML / วิธี CSS

ตัวอย่าง

ครั้งแรก <p> องค์ประกอบที่จะเพิ่มชื่อชั้น:

$("button").click(function(){
$("p:first").addClass("intro");
});

ลอง»

ความหมายและการใช้งาน

addClass () วิธีการเพิ่มหนึ่งหรือระดับมากขึ้นชื่อไปยังองค์ประกอบที่เลือก

วิธีการนี้ไม่เอาคุณสมบัติชั้นที่มีอยู่เพียงแค่เพิ่มหนึ่งหรือระดับอื่น ๆ ชื่อแอตทริบิวต์ชั้นเรียน

เคล็ดลับ: การเพิ่มมากกว่าหนึ่งชั้นใช้ชื่อชั้นคั่นด้วยช่องว่าง


ไวยากรณ์

$(selector).addClass(classname,function(index,oldclass))

参数 描述
classname 必需。规定一个或多个要添加的类名称。
function(index,currentclass) 可选。规定返回一个或多个待添加类名的函数。
  • index- 返回集合中元素的 index 位置。
  • currentclass- 返回被选元素的当前类名。


ตัวอย่าง

ตัวอย่างเพิ่มเติม

เพิ่มสองชั้นกับองค์ประกอบ
วิธีการเพิ่มสององค์ประกอบที่จะชื่อชั้นที่ระบุ

ใช้คลาสฟังก์ชั่นเพิ่ม
วิธีการใช้งานฟังก์ชั่นเพื่อเพิ่มชั้นเรียนเพื่อองค์ประกอบที่เลือก

เปลี่ยนชื่อชั้นขององค์ประกอบ
วิธี addClass () และ removeClass () เพื่อลบชื่อชั้นและเพิ่มชื่อคลาสใหม่


jQuery HTML / วิธี CSS jQuery HTML / วิธี CSS