มารู้จัก jQuery กัน

jQuery คือไลบรารีของโค้ดจาวาสคริปต์ ซึ่งเป็นส่วนหนึ่งของการสร้างเว็บไซต์ jQuery ช่วยให้เราเรียกเขียนหรือ ใช้งานจาวาสคริปต์ และ 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 ได้ง่ายขึ้นประหยัดเว็บเวลาในการเขียน Ajax และทำให้โค้ดสั้นลง
* สามารถสืบทอดคุณสมบัติของ Jquery ไปใช้งานต่อได้
* สามารถทำ UI ใหม่ บน Browser ได้
* Utilities

ใครที่นำ Jquery ไปใช้งานได้บ้าง
* Web Programmer
* Web design
* Jquery สามารถใช้งาน ร่วมกับ server-side scripting languages ได้ทุกภาษา ไม่ว่าจะเป็น PHP,JSP,Perl,ASP หรือ .net
* ใช้งานกับ html,CSS ได้เป็นอย่างดี รวมทั้ง xml ด้วย

เว็บไซต์ของ Jquery
http://www.jquery.com/

Code :

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"> </script> <script type="text/javascript"> $(function(){ $("#btn").click(function(){ $('#idDiv').toggle(1000); }); }); </script> <style type="text/css"> #idDiv{ width: 200px; height: 100px; border: solid 1px black; background-color:LightGrey; text-align:center; display:none; } </style> <div id="idDiv">JQuery Example</div> <button id="btn">Click</button>

Output :

JQuery Example