ล่าสุดการพัฒนาเว็บบทเรียน
 

jQuery append() Method

<jQuery HTML / วิธี CSS

ตัวอย่าง

แทรกเนื้อหาในตอนท้ายของทุก <p> องค์ประกอบ:

$("button").click(function(){
    $("p").append("<b>Appended text</b>");
});
ลองตัวเอง»

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

append() เนื้อหาระบุวิธีการแทรกในตอนท้ายขององค์ประกอบที่เลือก

เคล็ดลับ: การแทรกเนื้อหาที่เป็นจุดเริ่มต้นขององค์ประกอบที่เลือกใช้ prepend() วิธีการ


วากยสัมพันธ์

$(selector).append(content,function(index,html))

พารามิเตอร์ ลักษณะ
content จำเป็นต้องใช้ ระบุเนื้อหาที่จะแทรก (สามารถมีแท็ก HTML)

ค่าที่เป็นไปได้:

  • องค์ประกอบ HTML
  • วัตถุ jQuery
  • องค์ประกอบ DOM
function(index,html) ไม่จำเป็น ฟังก์ชั่นระบุว่าผลตอบแทนที่ได้เนื้อหาที่จะใส่
  • index - กลับตำแหน่งดัชนีขององค์ประกอบในชุด
  • html - ส่งกลับ HTML ปัจจุบันขององค์ประกอบที่เลือก

ลองตัวเอง - ตัวอย่าง

append() - การสร้างเนื้อหาที่มี HTML, jQuery และพระ
ใส่เนื้อหาที่มี append() วิธีการ

ผนวกเนื้อหาโดยใช้ฟังก์ชั่น
การใช้ฟังก์ชั่นการแทรกเนื้อหาในตอนท้ายขององค์ประกอบที่เลือก


<jQuery HTML / วิธี CSS