jQuery ปฏิบัติการเอกสาร - วิธี html()

jQuery ซับบันทึกผลลัพธ์

ตัวอย่าง

ตั้งค่าเนื้อหาขององค์ประกอบ p ทั้งหมด:

$(".btn1").click(function(){
  $("p").html("Hello <b>world</b>!");
});

ลองทดลองเอง

คำนิยามและการใช้งาน

วิธี html() กลับหรือตั้งค่าเนื้อหา (inner HTML) ขององค์ประกอบที่เลือก

ถ้าวิธีนี้ไม่มีตัวแปร มันจะกลับเนื้อหาปัจจุบันขององค์ประกอบที่เลือก

กลับเนื้อหาองค์ประกอบ

เมื่อใช้วิธีนี้กลับค่า มันจะกลับเนื้อหาขององค์ประกอบที่ตรงกัน

รูปแบบ

$(selector).html()

ลองทดลองเอง

ตั้งค่าเนื้อหาองค์ประกอบ

เมื่อใช้วิธีนี้ตั้งค่าค่า มันจะทำให้เนื้อหาทุกองค์ประกอบที่ตรงกันเกิดการเปลี่ยนแปลง

รูปแบบ

$(selector).html(content)

ลองทดลองเอง

ตัวแปร คำอธิบาย
content - ไม่จำเป็นต้องใส่。กำหนดเนื้อหาใหม่ขององค์ประกอบที่เลือก ตัวคำนี้สามารถรวมตัวแปร HTML ได้

ใช้ฟังก์ชันเพื่อตั้งค่าเนื้อหาขององค์ประกอบ

ใช้ฟังก์ชันเพื่อตั้งค่าเนื้อหาขององค์ประกอบที่ตรงกัน

รูปแบบ

$(selector).html(function(index,oldcontent))

ลองทดลองเอง

ตัวแปร คำอธิบาย
function(index,oldcontent)

กำหนดฟังก์ชันที่กลับมากับเนื้อหาใหม่ของตัวที่เลือก

  • index - ไม่จำเป็นต้องใส่。รับตำแหน่ง index ของเลือกตัว
  • oldcontent - ไม่จำเป็นต้องใส่。รับเนื้อหาปัจจุบันของเลือกตัว

jQuery ซับบันทึกผลลัพธ์