jQuery ปฏิบัติการแบบไซแนล - วิธี wrap()

jQuery อนุกรมศาสตร์ประสิทธิภาพ

ตัวอย่าง

จับองค์ประกอบทุกตัวในองค์ประกอบ <div> :

$(".btn1").click(function(){
   $("p").wrap("<div></div>");
});

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

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

วิธี wrap() ของ wrap() จะจัดวางองค์ประกอบทุกตัวที่ถูกเลือกใน HTML สิ่งที่กำหนด

ภาษาบอก

$().wrap(wrapper)
ตัวแปร อธิบาย
wrapper

สำคัญ กำหนดสิ่งที่จะจับองค์ประกอบที่ถูกเลือก

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

  • รหัส HTML - ตัวอย่าง ("<div></div>")
  • องค์ประกอบใหม่ - ตัวอย่าง (document.createElement("div"))
  • องค์ประกอบที่มีอยู่แล้ว - ตัวอย่าง ((".div1"))

องค์ประกอบที่มีอยู่แล้วจะไม่ถูกย้ายที่แต่จะถูกคัดลอกและจับองค์ประกอบที่ถูกเลือก

ใช้ฟังก์ชันเพื่อจับองค์ประกอบ

ใช้ฟังก์ชันเพื่อกำหนดสิ่งที่จะจับรอบองค์ประกอบที่ถูกเลือก

ภาษาบอก

$().wrap(function())

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

ตัวแปร อธิบาย
function() สำคัญ กำหนดฟังก์ชันที่จะคืนองค์ประกอบที่ถูกจับ

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

ใช้องค์ประกอบใหม่เพื่อจับ
สร้างองค์ประกอบ DOM ใหม่เพื่อจับองค์ประกอบที่ถูกเลือกทุกตัว
จับหรือปลดองค์ประกอบ
เปลี่ยนไประหว่างงานที่จับและปลดองค์ประกอบ

jQuery อนุกรมศาสตร์ประสิทธิภาพ