jQuery : How to use , จะเขียน jQuery จะต้องทำอย่างไร
jQuery : How to use , จะเขียน jQuery จะต้องทำอย่างไร |
jQuery : How to use , จะเขียน jQuery จะต้องทำอย่างไร
jQuery : How to use จากบทความก่อนหน้านี้ jQuery เป็นเพียง Library ของ JavaScript ที่เป็นทางเลือกในการพัฒนาโปรแกรมบนเว็บไซต์ ถ้าในกรณีที่เรามีโปรเจคที่เขียนไว้อยู่แล้วสามารถนำ jQuery ไปใช้ได้ทันที โดยขั้นแรกให้ดาวน์โหลด jQuery Library ได้ที่เว็บไซต์
ในบทความนี้ผมได้ใช้ Version 1.6.4 ซึ่งจะได้ไฟล์ jquery-1.6.4.js
หลังจากได้ไฟล์ jquery-1.6.4.js แล้วให้นำไฟล์นี้เก็บไว้ใน root ของ Project และ include เข้ามาในไฟล์โดยใช้คำสั่ง
1.<script type="text/javascript" src="jquery-1.6.4.js"></script>
หรือในกรณีที่เก็บ jQuery Library ไว้ใน path อื่น ๆ ก็ให้อ้างอิง Path ให้ถูกต้อง เช่น
1.<script type="text/javascript" src="js/jquery-1.6.4.js"></script>
นอกจากนี้ยังมีทางเลือกที่สามารถ include จากเว็บไซต์ของ Google หรือ Microsoft โดยเว็บไซต์เหล่านี้ได้มีการประกาศ include jQuery Library ให้ใช้งานได้ ในกรณีที่พัฒนาบน Open Source ผ่าน Web Management เช่น Blogger หรืออื่น ๆ โดยไม่ต้อง Copy Library มาลงไว้ในเครื่อง Server
Microsoft
1.<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.js"></script>
Google
1.<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>ตัวอย่างการ include Library jQuery
01.<html>02.<head>03.<script type="text/javascript" src="jquery-1.6.4.js"></script>04.<script type="text/javascript">05.$(document).ready(function(){06.$("p").click(function(){07.$(this).hide();08.});09.});10.</script>11.</head>12.<body>13.<p>Welcome to My site</p>14.</body>15.</html>