เริ่มใช้ jQuery กันเถอะ
ก่อนอื่นคงต้องขอเล่าก่อนแล้วกัน ว่า jQuery คืออะไร และจะพาท่านเข้าสู่การใช้งาน รวมทั้งตัวอย่างเล็กให้ได้รับชมด้วยครับ
jQuery คืออะไร
jQuery คือ javaScript Framework ตัวหนึ่ง ซึ่งจริงๆแล้ว ถ้าพูดให้เข้าใจได้ง่ายกว่านั้นมันคือ ชุดคำสั่งของ javaScript ที่มีคนเขียนเตรียมพร้อมให้เราเรียกใช้งานได้ง่ายและรวดเร็วนั่นเองครับ
แต่เรายังไม่อธิบาย ว่าเขียนอย่างไรครับ เอาเป็นว่าเรามาดูวิธีเริ่มต้นใช้งานกันก่อนดีกว่า
- เปิดหน้าเว็บ http://code.jquery.com/jquery-1.4.2.min.js ถ้าเปิดด้วย Internet Explorer ก็จะ save ลงเครื่องทันที แต่ว่าหากใช้ Firefox, Chrome ก็ Save ลงเครื่องครับ
- ย้ายไฟล์ jquery-1.4.2.min.js ไปไว้ในแฟ้มเดียวกันกับ หน้าเว็บที่เราสร้างขึ้นมาครับ
- เพิ่มโค้ดในหน้าเว็บ ในส่วน head เพื่อเรียกไฟล์ javaScript jQuery ดังกล่าวเข้ามาใช้ในเว็บ
ข้อ 1 และ 2 ไม่น่าจะมีปัญหา เราก็จะพูดถึงข้อ 3 จากเรื่องพื้นฐานของ HTML ให้เรานำโค้ดเพื่อเรียกใช้ javascript
<script type="text/javascript" src="jq142.min.js"> </script>
มาใส่ไว้ที่ head ก็จะได้ดังนี้
<head>
<title>Title</title>
<script type="text/javascript" src="jq142.min.js">
</script>
</head>
เพียงเท่านี้เอง เสร็จแล้วครับ สำหรับ การเรียกใช้ jQuery ในหน้าเว็บ โดยทุกๆหน้าที่มีการเรียกใช้ jQuery ก็จะมีโค้ดนี้อยู่ทุกๆหน้าด้วย
แล้วบทความต่อไปก็จะมาเล่ากันต่อว่าเราจะใช้มันให้ทำงานให้ได้ดังใจได้อย่างไร