jQuery HTML Operation

  • หน้าก่อน
  • หน้าต่อไป

jQuery มีฟังก์ชันที่มีความสามารถแข็งแกร่งมากมายเพื่อการเปลี่ยนและการปฏิบัติต่อ HTML

เปลี่ยนเนื้อหา HTML

ภาษาบท

$(selector).html(content)

ฟังก์ชัน html() เปลี่ยนเนื้อหาขององค์ประกอบ HTML ที่ถูกเลือก (innerHTML)

ตัวอย่าง

$("p").html("W3School");

ทดลองด้วยตัวเอง

เพิ่มเนื้อหา HTML

ภาษาบท

$(selector).append(content)

ฟังก์ชัน append() ใส่เนื้อหาในองค์ประกอบ HTML ที่ถูกเลือก

ภาษาบท

$(selector).prepend(content)

ฟังก์ชัน prepend() ใส่เนื้อหา 'prepend' ในองค์ประกอบ HTML ที่ถูกเลือก

ตัวอย่าง

$("p").append(" CodeW3C.com");

ทดลองด้วยตัวเอง

ภาษาบท

$(selector).after(content)

ฟังก์ชัน after() ใส่เนื้อหา HTML หลังอันที่ถูกเลือก

ภาษาบท

$(selector).before(content)

ฟังก์ชัน before() ใส่เนื้อหา HTML ก่อนอันที่ถูกเลือก

ตัวอย่าง

$("p").after(" CodeW3C.com.");

ทดลองด้วยตัวเอง

jQuery HTML Operation - จากหน้านี้

ฟังก์ชัน รายละเอียด
$(selector).html(content) เปลี่ยน HTML (ภายใน) ขององค์ประกอบที่ถูกเลือก
$(selector).append(content) เพิ่มเนื้อหา 'append' ใน HTML (ภายใน) ขององค์ประกอบที่ถูกเลือก
$(selector).prepend(content) เพิ่มเนื้อหา 'prepend' ใน HTML (ภายใน) ขององค์ประกอบที่ถูกเลือก
$(selector).after(content) เพิ่ม HTML หลังอันที่ถูกเลือก
$(selector).before(content) เพิ่ม HTML ก่อนอันที่ถูกเลือก

ถ้าต้องการคู่มือการสอบถามที่สมบูรณ์ โปรดเข้าเว็บไซต์ของเรา คู่มือการทำงาน HTML โจวเจลี่。

  • หน้าก่อน
  • หน้าต่อไป