สมมติ xxx คือ element หรือ selector ที่กำหนด
รูปแบบการใช้งาน $("xxx").affter(content)
เมื่อ content คือ ข้อความหรือ html
การทำงานของฟังก์ชันคือ เป็นการแทรกเนื้อหา หรือ html ต่อท้าย element ที่เรากำหนด
jQuery Code
<span id="greeting">Hello</span> <script language="javascript"> $(function(){ $(":button").click(function(){ // เงื่อนไขการคลิกสำหรับทดสอบ $("#greeting").after("<span> How are you?</span>"); }); }); </script> <br /> <input type="button" name="Button" value="คลิกแสดงตัวอย่าง" />
ตัวอย่างผลลัพธ์
Helloคำอธิบาย
เมื่อมีการคลิกปุ่ม คลิกแสดงตัวอย่าง จะมีการแทรก html ที่ีมีข้อความว่า How are you?
ต่อท้ายจาก element ที่กำหนดซึ่งคือ แท็ก span ที่มี id เท่ากับ greeting