Post archive
Category: jQuery
-
คำสั่ง empty() ของ jquery
empty() parameter : none คำสั่งนี้ใช้สำหรับลบเนื้อหาที่อยู่ภายในอีลิเม้นท์ทิ้ง ตัวอย่างการใช้งาน Live Demo
READ MORE -
คำสั่ง remove() ของ jquery
มีบางครั้งที่เราต้องการลบอีลิเม้นบางตัวบนเพจทิ้ง jquery ได้เตรียมคำสั่งในการทำอย่างนี้ให้เราแล้ว remove() parameter : none คำสั่งนี้ใช้สำหรับลบอีลิเม้นท์ที่อยู่บนเพจทิ้งไป ตัวอย่างการใช้งาน Live Demo
READ MORE -
คำสั่ง wrapInner() ของ jquery
wrapInner(wrapper) wrapper :(string|selector) string จะต้องเป็นแท็ก html ที่มีทั้งแท็กเปิดและแท็กปิด “” ฟังก์ชั่นนี้จะนำเอาพารามิเตอร์ที่ส่งเข้าไป ไปล้อมเนื้อหาที่อยู่ภายใน selector ที่เรียกใช้ฟังก์ชั่น โดยแบ่งออกเป็น 2 กรณี กรณีที่ส่งแท็กเปิดปิดของ html (string) เข้าไป มันจะนำแท็กเปิดและปิด ไปล้อม>เนื้อหาที่อยู่ภายใน selector ที่เรียกใช้ แต่ถ้าส่ง selector เข้าไปในฟังก์ชั่น มันจะก้อปปี้ selector ที่ส่งเข้าไป ไปล้อมแทน ดูภาพประกอบ ตัวอย่างการใช้งาน Live Demo
READ MORE -
คำสั่ง wrapAll() ของ jquery
คำสั่งนี้จะทำหน้าที่เหมือนกันกับคำสั่ง wrap() จะต่างกันก็ตรงที่ว่า คำสั่ง wrap() นั้นจะ wrap อีลิเม้นท์ทุกๆตัวที่เจอ แต่ wrapAll() จะ wrap แค่ครั้งเดียวเท่านั้น ถ้า selector อยู่กันอย่างกระจัดกระจายบนเพจ มันจะย้ายทุกตัวมาอยู่ติดกันแล้ว wrap ทั้งหมด ทีเดียว wrapAll(wrapper) wrapper :(string|selector) string จะต้องเป็นแท็ก html ที่มีทั้งแท็กเปิดและแท็กปิด “<i></i>” ฟังก์ชั่นนี้จะนำเอาพารามิเตอร์ที่ส่งเข้าไป ไปล้อม selector ที่เรียกใช้ฟังก์ชั่น โดยแบ่งออกเป็น 2 กรณี กรณีที่ส่งแท็กเปิดปิดของ html (string) เข้าไป มันจะนำแท็กเปิดและปิด ไปล้อม selector ที่เรียกใช้ แต่ถ้าส่ง selector เข้าไปในฟังก์ชั่น มันจะก้อปปี้ selector ที่ส่งเข้าไป ไปแทนที่ selector ที่เรียกใช้ ตัวอย่างการใช้งาน Live Demo
READ MORE -
คำสั่ง wrap() ของ jquery
คำว่า wrap ในภาษาอังกฤษ แปลว่า ห้อมล้อม หรือล้อม คำสั่ง wrap() นี้ก็เช่นกัน มันจะเอาพารามิเตอร์ซึ่งเป็นเท็ก html เปิด และ ปิด ไปล้อมเป้าหมาย ดู html นี้ <em><strong>content</strong></em><em><strong>content</strong></em> จากด้านบน เรากล่าวได้ว่า แท็ก <em> wrap แท็ก <strong> อยู่ wrap(wrapper) wrapper :(string|selector) string จะต้องเป็นแท็ก html ที่มีทั้งแท็กเปิดและแท็กปิด “<i></i>” ฟังก์ชั่นนี้จะนำเอาพารามิเตอร์ที่ส่งเข้าไป ไปล้อม selector ที่เรียกใช้ฟังก์ชั่น โดยแบ่งออกเป็น 2 กรณี กรณีที่ส่งแท็กเปิดปิดของ html (string) เข้าไป มันจะนำแท็กเปิดและปิด ไปล้อม selector ที่เรียกใช้ แต่ถ้าส่ง selector เข้าไปในฟังก์ชั่น มันจะก้อปปี้ selector […]
READ MORE -
คำสั่ง insertAfter() ของ jquery
ทำงานเหมือนกันเป๊ะๆ กับคำสั่ง after() เพราะฉะนั้น ผมจะขอยกให้ดูเฉพาะตัวอย่างการใช้งาน ส่วนคำอธิบายรายละเอียด ให้อ่านจาก after() ตัวอย่างการใช้งาน insertAfter() Live Demo
READ MORE
