13 มีนาคม 2552

jQuery let's try it !!!!

Ajax frame work แรกที่ผมเขียนเริ่มมาจาก xajax ตอนนั้นแบบบ้าพลังมาก ๆ ล่อมันทั้งเว็บเลย ตอนนี้ไม่รู้ว่ามันจะยังอยู่ไหม? อยากรู้ก็คลิก http://school.obec.go.th/klv

ตัวที่สอง คือ prototype ลองแล้วเจ๋งมากแต่ ไม่ประทับใจ ถามว่าทำไมไม่ประทับใจ ? ไม่รู้ซิครับ ประมาณว่า "เราเลิกกันเถอะ เธอดีเกินไป...." (5555555)

ตัวที่สาม ตัวนี้อยู่กับมันได้นานทีเดียวกับ mootools สาเหตุที่อยู่ได้นานเพราะมันตัวเล็ก ลูกเล่นขั้นเทพ API อ่านง่าย selector เจ๋งมาก ๆ อีกทั้งการประยุกต์ใช้ก็สะดวกสบาย เลยไม่มอง framework อื่น ๆ อีกเลย

เรื่องมันเกิดตอนที่เริ่มศึกษา Air ครับ ไปดูตัวอย่างที่เขาแสดงให้ดูเห็นเขาใช้ jQuery บ่อยมาก ตามที่ผ่านตาผมน่าจะไม่ต่ำกว่า 70 % ใช้ตัวอย่างเป็น jQuery อดรนทนไม่ไหวครับ ในที่สุดก็ไปหยิบมาอ่านจนได้กับหนังสือเล่มนี้

jQuery 1.3

และก็ได้ประจักษ์ชัดว่า ข้าพเจ้าได้พบกับว่าที่ กิ๊กใหม่แล้ว นั่นคือเจ้าตัวนี้แหละ jQuery
หากจะถามว่าประทับใจอะไรเจ้าตัวนี้ คงยากเกินพรรณา สาธยายให้ได้หมด
แต่ถ้าจะบอกว่า เอามาหนึ่งอย่างที่อยากโชว์ ก็ลองดู javascript ตัวนี้ดู

$(function() {
$('p a').css('text-decoration','none');
});

คุณ ๆ อาจจะงงว่าภาษาบ้าอะไรเนี่ย ก็ภาษา javascript นี่แหละครับ
โค้ดข้างต้นบอกว่า เมื่อโหลดหน้าเว็บเรียบร้อยแล้ว ให้ทำ ลิงค์ทั้งหมดที่อยู่ในพารากราฟไม่ให้ขีดเส้นใต้

เอาอีกโค้ดไหม?
นี่เลย

$(function() {
$('tr:nth-child(even)').addClass('TrEven');
});

โค้ดข้างบนมันจะเลือกแถว ( tr ) ใน table โดยกำหนดให้ตัวที่มี id ่เป็นเลขคู่มีคลาสเป็น TrEven
ถ้าเป็นเมื่อก่อนโค้ดนี้เขียนด้วย php น่าจะได้ 6 - 7 บรรทัด แต่นี่โคตรสั้นเลยครับ

ยังมี selector แปลก ๆ อีกหลายตัว เดี๋ยวผมจะทยอยนำมาเล่าสู่กันฟัง
แสดงความคิดเห็น