jQuery การดำเนินการเอกสาร - prepend() ฟังก์ชัน

jQuery คู่มืออิเล็กทรอนิกส์

ตัวอย่าง

ใส่เนื้อหาในต้นขององค์ประกอบ p

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

ลองเดาเด็ดขาด

คำบรรยายและวิธีใช้

prepend() มีความหมายว่าใส่เนื้อหาที่กำหนดในต้นขององค์ประกอบที่เลือก (ยังคงอยู่ภายใน)

คำเตือน：prepend() และ prependTo() ฟังก์ชันทำงานเหมือนกัน แต่ต่างกันตามรูปแบบการใช้งาน: ตำแหน่งของเนื้อหาและโซ่เลือก และ prependTo() ไม่สามารถใช้ฟังก์ชันเพื่อใส่เนื้อหา

รูปแบบการใช้

$().prepend(content)
ตัวแปร คำอธิบาย
content จำเป็น กำหนดเนื้อหาที่ต้องการใส่ (สามารถประกอบด้วยแท็ก HTML)

ใช้ฟังก์ชันเพื่อเพิ่มเนื้อหา

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

รูปแบบการใช้

$().prepend(function(index,html))

ลองเดาเด็ดขาด

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

จำเป็น กำหนดฟังก์ชันที่จะกลับค่าสำหรับเนื้อหาที่ต้องการใส่

  • index - ไม่จำเป็น รับเลือกตั้งตำแหน่ง index ของโซ่เลือก
  • html - ไม่จำเป็น รับเลือกตั้ง HTML ของโซ่เลือกในตอนนี้

jQuery คู่มืออิเล็กทรอนิกส์