บทความที่เกี่ยวข้องกับ: tips

jQuery tips: ใช้ IDs แทน Classes เวลาใช้ Selector

เขียนโดย เมื่อ

มาดูวิธีการเพิ่มความเร็วให้กับการทำงานของ jQuery อีกวิธี ในการใช้งาน selector นั่นก็คือ การใช้ select โดยใช้ ID แทนที่จะใช้ Class ครับ แล้วมันเร็วขึ้นแค่ไหนล่ะ ลองเอาโค้ดไปทดสอบดูนะครับ วิธีทดสอบเราจะสร้างแท็ก ul ขึ้นมาโดยมีแท็ก li ซัก 1000 แท็ก แล้วลองดึงแต่ละแท็กด้วย ID และ Class เปรียบเทียบกันดู

jQuery tips: เพิ่ม context สำหรับ selector

เขียนโดย เมื่อ

ปกติแล้วการใช้ selector ของ jQuery เราชอบที่จะใช้โดยไม่มีการระบุ context คือ

var selectedItem = $('#listItem'+i);

แต่ฟังก์ชัน jQuery นั้นสามารถรับ argument ตัวที่สอง ซึ่งเป็นการระบุ context (เป็นการระบุว่าเราจะเริ่มค้นหาไอเทมของเราจากตรงไหน) ดังนี้

jQuery(expression,context)

จากโค้ดข้างบนเราก็แค่เพิ่ม context เข้าไป คื่อ

var selectedItem = $('#listItem'+i,$('#list'));

การเพิ่ม context ให้กับ selector นั้นจะช่วยเพิ่มความเร็วด้วยนะครับ