jQuery คือไลบรารีของ JavaScript ซึ่งเป็นส่วนหนึ่งของการสร้างเว็บไซต์ jQuery ช่วยให้เราเขียนหรือ ใช้งาน JavaScript และ Ajax ให้ง่ายขึ้น jQuery เปิดตัวครั้งแรกในงานบาร์แคมป์นิวยอร์ก โดย จอห์น เรซิก (John Resig) เมื่อ 14 มกราคม พ.ศ. 2549 ตัวโค้ดของ jQuery มีลิขสิทธิ์และสัญญาอนุญาตแบบ open source โดยใช้สัญญาอนุญาตของ GFDL และ MIT License เรียกง่ายๆว่าใช้ได้ฟรีนั่นเอง
ความสามารถของ Jquery
- ใช้งาน DOM element โดยการเขียนไม่จำเป็นต้องยึดติดกับ browser
- จัดการกับ Event เพิ่ม Event ลงในหน้าเว็บของเราได้
- การจัดการ CSS สามารถเพิ่ม ลบ class ,id ของ CSS ได้
- สามารถทำ Effects and animations ลูกเล่นบนหน้าเว็บ
- ช่วยให้เขียน Ajax ได้ง่ายขึ้นประหยัดเวลาในการเขียน Ajax และทำให้โค้ดสั้นลง
- สามารถสืบทอดคุณสมบัติของ jQuery ไปใช้งานต่อได้
- สามารถทำ UI ใหม่ บน Browser ได้
ตัวอย่าง jQuery
ถ้าเป็น Javascript ธรรมดาเวลาจะอ้างถึง id ต้องพิมพ์
document.getElementById("demo").innerHTML = "Hello changed.";
ถ้าเป็น jQuery พิมพ์แค่ $('#demo').html("Hello changed.");
ตัวอย่างด้านบนนี้ผลลัพธ์เหมือนกันจะเห็นได้ว่า jQuery ใช้งานได้ง่ายกว่า สะดวกกว่าพิมพ์น้อยกว่า
ถ้าต้องการให้ script ที่เราเขียนทำงานแค่ครั้งแรกที่โหลดหน้าก็สามารถใช้คำสั่งนี้ได้
$(document).ready(function(){ ....coding.... });
ใน tag html แต่ละ tag ล้วนจะมี attribute อยู่ jQuery สามารถเปลี่ยน attribute ได้ง่ายๆแค่อ้างถึง id,class,name เท่านั้น เช่น
$('#demo').attr('style','background-color:red');
ด้านบนนี้เป็นตัวอย่าง jQuery อ้างถึง id=demo เปลี่ยน attribute style ให้มีค่าเป็น background-color:red เป็นต้น
สำหรับบทความนี้ก็ทำความรู้จักและได้เห็นตัวอย่างการใช้งาน jQuery บ้างแล้วนะครับ โปรดติดตามต่อบทความหน้าครับผม
ไม่มีความคิดเห็น:
แสดงความคิดเห็น