สวัสดีจ้า ไม่ได้อัพเดทเป็นเวลานานอีกแล้วครับ แฮ่ะๆ วันนี้นำเสนอเรื่องราวของ .bind(), .live(), .delegeate() ดีกว่าครับ เพราะมีหลายคนที่งง และสงสัย ว่ามันต่างกันอย่างไร และเอาไปใช้งานในงานลักษณะใหน ใช้กันตอนใหน เอาเป็นว่าคลิกเข้ามาอ่านด้านในกันเลยดีกว่าครับ :)

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 [...]

มาทำความรู้จักกับ Event Bind กันบ้างครับ event bind นี้การทำงานของมันก็คือ การผูก event ต่างๆ เช่น blur, focus, load, resize, scroll, unload, beforeunload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error ให้เข้าไปอยู่กับ element หรือ tag ต่างๆเช่นถ้าเราต้องการจะให้ tag P ให้มี event click แล้วให้ alert ค่าอะไรสักอย่างออกมาโดยที่เราไม่ต้องไปไล่ใส่ code onClick ใน tag นั้นๆ สามารถทำได้โดยการใช้ Bind เนี่ยแหละครับ ตัวอย่าง 1234567<p>Click Here Test Event Bind</p> <script>     $("p").bind("click",function(e){                 alert("Bind onClick!!"); [...]