What is jQuery ?

          jQuery  คือ JavaScript Library ที่รวม function ของ JavaScript ให้อยู่ในรูปแบบของ 

Patterns Framework ทำให้ง่ายต่อการใช้งานและมีการรองรับการใช้งาน Cross Browser คือ ไม่ว่าจะใช้งานบน Web Browser ใดๆ ใน  Library ของ jQuery จะมีการเลือกใช้ function ที่สามารถเหมาะสมต่อการทำงานและแสดงผลใน Web Browser ที่กำลังทำงานอยู่ ซึ่งช่วยลดปัญหาการทำงานที่ผิดพลาดในฝั่งของ Client ได้ จากปัญหาของนักพัฒนาโปรแกรมในสมัยก่อน ๆ จะทดสอบโปรแกรมและพัฒนาบน IE (Internet Explorer) ซึ่งเป็น Web Browser ที่คนใช้มากที่สุดเกือบ 95% เมื่อสมัย 5-6 ปีแต่อย่างที่เรารู้คือ ตอนนี้ได้มีหลาย Web Browser ได้เกิดขึ้นมากมาย เช่น Chrome , Firefox หรือ Safari และบางคำสั่งของ JavaScript จะไม่ทำงานหรือไม่รองรับการทำงาน ใน Web Browser บางตัว จึงทำให้การใช้ jQuery มาเป็นทางเลือก สามารถช่วยแก้ปัญหานี้เป็นได้อย่างดี และสะดวกต่อการใช้งาน เพราะเป็น syntax ที่เข้าใจง่าย และเขียนได้ในรูปแบบที่สั้น ๆ รองรับการทำงานทั้งใน HTML รูปแบบเดิม หรือ CSS , element , DOM element , effect การจัดการ Event ต่าง ๆ หรือแม้กระทั่งการพัฒนา Ajax ด้วย jQuery ก็สามารถทำได้อย่างง่าย โดย Syntax ทั้งหมดยังคงทำงานอยู่ภายใต้คำสั่งของภาษา JavaScript แต่การเรียกใช้งาน Framework หรือ function ต่าง ๆ จะถูกกำหนดรูปแบบโดย Patterns ที่ได้ถูกออกแบบไว้ใน Library ของ jQuery นอกจากนี้ jQuery Library ได้ถูกนำไปใช้กับ Open Source หลายตัวเช่น Drupal หรือ WordPress และทาง Microsoft ได้ประกาศมนับสนุนใช้งาน jQuery และมีการ Include เข้ามาใน Framework เพื่อใช้ในการนำมาพัฒนา ASP.NET ร่วมกับ Ajax บน Web Application อีกด้วย

ความสามารถของ jQuery
      1.ใช้งาน DOM element การเขียนไม่จำเป็นต้องยึดติดกับ Browser
      2. จัดการกับ Event เพิ่ม Event ลงในหน้าเว็บได้ตามต้องการ
      3. สามารถจัดการกับ CSS ของ Event ได้
     4. สามารถใส่ Effects and Create Animations ต่างๆบนหน้าเว็บได้
     5. สามารถเขียน Ajax ได้ง่ายขึ้นทำให้ประหยัดเวลาในการเขียน ทำให้โค้ดสั้นลง
     6. ทำ Effect ต่างๆ กับ Element ที่ต้องการได้ เช่น การ Hide Div ที่เราต้องการ
     7. ค้นหา Element ที่เราต้องการและจัดการเพิ่มหรือลบ Attributes ที่ต้องการได้

jQuery ใช้งานร่วมกับโปรแกรมใดได้บ้าง ?
     1. PHP
     2. JSP
     3. PERL
     4. ASP
     5. VB.NET
     6. HTML
     7. CSS
     8. XML

ตัวอย่างการใช้งาน jQuery

      จากตัวอย่างในการใช้งาน Library ของ jQuery นั้นสามารถใช้งานได้ง่ายๆไม่ต้องติดตั้งโปรแกรมเพิ่มเพียงแต่เรียกใช้งาน jQuery Library ของ jQuery โดยใช้คำสั่งตามตัวอย่างคือ

<script src="js/jquery-1.11.3.min.js"></script>

    โดยไฟล์ js ของ jQuery นี้สามารถดาวน์โหลด Version ล่าสุดได้จากเว็บไซต์ของ jQuery โดยตรงจากนั้นบันทึกไฟล์ js ลงในเครื่องทำการเรียกใช้งานได้ตามปกติ

http://www.jquery.com

นอกจากนี้ผมจึงนำเอาโค้ดตัวอย่างที่ได้ลองเขียนมาฝากเพื่อนๆได้ศึกษากันนะครับ