มาดูวิธีการเพิ่มความเร็วให้กับการทำงานของ jQuery อีกวิธี ในการใช้งาน selector นั่นก็คือ การใช้ select โดยใช้ ID แทนที่จะใช้ Class ครับ แล้วมันเร็วขึ้นแค่ไหนล่ะ ลองเอาโค้ดไปทดสอบดูนะครับ วิธีทดสอบเราจะสร้างแท็ก ul ขึ้นมาโดยมีแท็ก li ซัก 1000 แท็ก แล้วลองดึงแต่ละแท็กด้วย ID และ Class เปรียบเทียบกันดู
ปกติแล้วการใช้ selector ของ jQuery เราชอบที่จะใช้โดยไม่มีการระบุ context คือ
var selectedItem = $('#listItem'+i);
แต่ฟังก์ชัน jQuery นั้นสามารถรับ argument ตัวที่สอง ซึ่งเป็นการระบุ context (เป็นการระบุว่าเราจะเริ่มค้นหาไอเทมของเราจากตรงไหน) ดังนี้
jQuery(expression,context)
จากโค้ดข้างบนเราก็แค่เพิ่ม context เข้าไป คื่อ
var selectedItem = $('#listItem'+i,$('#list'));
การเพิ่ม context ให้กับ selector นั้นจะช่วยเพิ่มความเร็วด้วยนะครับ
เอาวิธีการดึงค่าของ textarea ที่ใช้ tinyMCE มาฝากครับ เผื่อเพื่อนๆ กำลังติดปัญหานี้อยู่ ปกติแล้วถ้าเพื่อนไม่ได้ใช้ตัว tinyMCE ก็จะสามารถดึงค่าของ textarea ออกมาง่าย (ใช้ jQuery นะครับ) เช่น
$('textarea#textareaID').val();
แต่ถ้าเพื่อนๆ ใช้เ้จ้า tinyMCE ก็มีวิธีการดึงค่าที่แตกต่างออกมานิดหน่อย ดังนี้ครับ
tinyMCE.get('textareaID').getContent();
เพื่อนๆ อาจจะงงเล็กน้อย หรือบางคนอาจจะไม่งงเลยก็ได้ เพราะใช้อยู่เป็นประจำ งั้นก็มาทำความรู้จักกับ jQuery กันครับ jQuery เป็น javascript library ที่ผมตกหลุมรักเมื่อไม่นานมานี้เองครับ เพราะขนาดเล็กแต่คุณภาพคับจอเลยทีเดียว ส่วนเรื่องเอกสาร หรือ document ก็ดูแล้วเข้าใจง่ายครับ และยังมี plugin ให้เลือกใช้มากมายเลยทีเดียว