Selector ความจริงแล้วก็คือ String ที่บ่งบอกถึงตำแหน่งของสิ่งที่เราต้องการ ใน jQuery นี้ จะหมายถึง XPath ครับ ซึ่งจะใช้สำหรับในการอ้างถึง Element ต่าง ๆ ใน DOM ไม่ว่าจะเป็น HTML DOM หรือ XML DOM ก็ตาม

ใน jQuery มี Selector อะไรให้ใช้บ้าง และแต่ละตัวใช้ยังไง

อธิบายค่อนข้างยากครับ ถ้าจะให้เข้าไปอ่านเองในเว็บ [http://docs.jquery.com/API/1.2/Selectors] ก็ไม่รู้จะมานั่งเขียนบทความนี้ไปทำไม เอาเป็นว่าลองไปดู LIVE DEMO กันดีกว่าครับ มีให้หลากหลายตัวให้ใช้มาก (ใน LIVE DEMO จะเป็นแค่บางส่วนของ Selector ที่มีให้เท่านั้นนะครับ เอาพอหอมปากหอมคอ)

ข้อดีของ Selector คือมันเป็น XPath ครับ ทำให้เราสามารถเข้าถึงส่วนต่าง ๆ ของ DOM ได้อย่างอิสระ ไม่ว่าจะเป็น XML DOM หรือ HTML DOM ที่เราใช้กันบ่อย ก็จะหนีไม่พ้นเรื่องของ HTML DOM ครับ

หลังจากที่เราใช้ Selector เพื่อทำการเลือก Element ที่ต้องการแล้ว Type ของค่าที่ Return กลับมาจะเป็น Array ของ Element ที่ยังมีความสามารถของ jQuery อยู่ นั่นหมายถึงว่า เราสามารถที่จะเอาค่าที่ได้คืนจาก jQuery มา bind event หรือ เอามา append อะไรได้อีกต่อเนื่องกันเป็น Chain ครับ ทำให้เกิดคุณสมบัติที่เรียกว่า Chainability ครับ ถือว่าเป็นข้อดีข้อหนึ่งของ jQuery เลยทีเดียวครับ

ลองไปดู LIVE DEMO กันได้เลยครับ