วันนี้จะมาแนะนำการใช้งาน Function .prev() กันครับซึ่งอยู่ในหมวดหรือกลุ่มคำสั่ง Tree Traversal ครับ ถ้าให้อธิบายง่ายๆก็คือการ select ค่าของ Element อะไรก็ตามที่อยู่ถนัดไป หรือ หลัง Element ที่เราได้ select ไว้แล้ว ประโยชน์ส่วนใหญ่ก็จะเอาไปใช้กับ Tag พวก li ครับ

บทความนี้เขียนตอนประมาณตี 2 กว่าๆครับ (นั่งดูบอลไปด้วยทำงานไปด้วย) ไปเจอปัญหาหนึ่งที่ง่ายๆแต่ลืมวิธีใช้งาน ก็เลยมาเขียนลงบทความไว้ดีกว่าครับ จะได้เป็นประโยชน์สำหรับเพื่อนๆ ที่พึ่งเริ่มต้นกัน สำหรับ เทพๆ คงผ่านบทความนี้ไปได้เลยครับ

ความสามารถที่โดดเด่นของ jQuery เลยก็คงจะหนีไม่พ้นเรื่องของการใช้ Selector ครับ เพื่อนๆที่พึ่งจะลองจับ jQuery อาจจะยังไม่รู้จักว่า Selector มันคืออะไร จริงๆแล้วถ้าเคยเขียน JavaScript แบบเพียวๆมาก่อนถ้ายกตัวอย่างให้ดูนี่ คงต้องอ๋อกันทุกคนครับ ( document.getElementById(“id”) ) คุ้นๆใหมครับกับรูปแบบนี้ Selector ของ jQuery ก็ทำงานเหมือนกับ ที่ผมยกตัวอย่างขึ้นมาครับ แต่มันสั้นกว่า และง่ายกว่ามาก ความสามารถนี่เอาไปปรับใช้กับงานได้อย่างรวดเร็ว ใครสนใจหัวข้อนี้คลิกเข้ามาอ่านได้เลยครับ

New feature ที่ 3 ใน jQuery 1.4 วิธีการกำหนด Event handlers ให้กับ Element ที่เราต้องการแบบรวดเดียวจบเลยครับ หรือแบบ Multiple event handlers โดยไม่ต้องมาเสียเวลามาเขียนให้มัน binding ทีละตัวครับ มาดู code กันเลยดีกว่า 1234567891011jQuery(’#foo).bind({     click: function() {         // do something     },     mouseover: function() {         // do something     },     mouseout: function() {         // do something     } }); จาก code ด้านบนเราจะเห็นได้ว่าเราสามารถที่จะ binding event [...]

มาถึง new feature ที่ 2 ของ jQuery 1.4 กันครับ อันนี้เป็นอีกความสามารถใหม่ใน version 1.4 นี้ครับ มาพูดถึงว่ามันทำงานกันเลยดีกว่าครับ prevUntil, nextUntil, parentsUntil นี้การทำงานของมันจะเป็นลักษณะการค้นหา Elements ที่เราต้องการแต่เราสามารถระบุตำแหน่งที่ต้องการและทำแหน่งสิ้นสุดได้ครับ ดูได้จากตัวอย่างด้านล่างนี้ครับ 12345678<ul>     <li>Apple</li>     <li>Banana</li>     <li>Grape</li>     <li>Strawberry</li>     <li>Pear</li>     <li>Peach</li> </ul> จาก code ตัวอย่างด้านบนนี้ถ้าเราต้องการจะ เลือกเอาเฉพาะ element li ที่มีข้อความ Banana, Grape, Strawberry เพื่อที่จะกำหนดค่าให้เฉพาะที่เราเลือกนั้น เราสามารถที่จะใช้ความสามารถใหม่ของ jQuery 1.4 นี้ได้ดังตัวอย่าง code ด้านล่างนี้ครับ 123jQuery(’ul li:contains(Apple)’) .nextUntil(’:contains(Pear)’); // Selects Banana, Grape, Strawberry จาก code นี้เป็นการ select ค่าที่อยู่ระหว่าง Apple กับ Pear ดังนั้นค่าที่อยู่ระหว่างนี้เราสามารถที่จะกำหนดค่าให้กับมันได้ครับ [...]