ติดตั้ง jQuery

เพิ่ม jQuery ในเว็บไซต์ของคุณ

ถ้าคุณต้องการใช้ jQuery คุณจะต้องดาวน์โหลด jQuery ไลบรารี (จะมีการอธิบายให้คุณได้ทราบต่อไป) และนำมันเข้าไปใช้ในเว็บไซต์ที่คุณต้องการใช้

jQuery คือไฟล์ JavaScript ซึ่งคุณสามารถใช้ <script> แบบ HTML ที่จะอ้างอิงมันได้

<head>
<script src="jquery.js"></script>
</head>

โปรดตรวจสอบว่าทางหน้า <script> ตัวอักษรควรอยู่ในส่วน <head> ของเว็บไซต์

คำเตือน：คุณมีความประหลาดใจว่าทำไมเราไม่ใช้ type="text/javascript" ในแท็ก <script> ติดตาม?

ใน HTML5 ไม่จำเป็นต้องทำเช่นนั้น เนื่องจาก JavaScript คือภาษาสคริปต์ที่ใช้เป็นปริมาณเริ่มต้นใน HTML5 และเว็บเบราวเซอร์ทุกชุดที่สมัยนี้

ดาวน์โหลด jQuery

มีสองรุ่นของ jQuery ที่สามารถดาวน์โหลดได้

  • รุ่นสำหรับการใช้งาน - ใช้สำหรับเว็บไซต์ที่ใช้งานจริง ซึ่งได้รับการลดทุกอย่างและบีบบด้วยซอฟต์แวร์
  • รุ่นพัฒนา - ใช้สำหรับการทดสอบและพัฒนา (ไม่มีการบีบบด้วยซอฟต์แวร์ และเป็นรหัสที่สามารถอ่านได้)

รุ่นทั้งสองสามารถดาวน์โหลดได้จาก jQuery.com ดาวน์โหลด

คำเตือน：คุณสามารถเก็บไฟล์ดาวน์โหลดในไดเรกทอรีเดียวกับหน้า ซึ่งทำให้ง่ายต่อการใช้งาน

ทางเลือกอื่น

ถ้าคุณไม่ต้องการดาวน์โหลดและเก็บเอา jQuery คุณก็สามารถใช้มันผ่าน CDN (Content Delivery Network)

เซิร์ฟเวอร์ของกูเกิลและไมโครซอฟท์ตั้งไว้ jQuery

ถ้าคุณต้องการอ้างอิง jQuery จากกูเกิลหรือไมโครซอฟท์ ใช้รหัสใดก็ได้

Google CDN:

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
</head>

ทดลองด้วยตัวเอง

คำเตือน：รับรุ่นที่ใช้งานได้ในล่าสุดผ่าน Google CDN

ถ้าคุณจับตาดู URL ของ Google ที่มีกำหนดรุ่น jQuery ใน URL (1.8.0) หากคุณต้องการใช้รุ่น jQuery ล่าสุด คุณสามารถลบตัวเลขหนึ่งจากสุดท้ายของตัวเลข (เช่น 1.8) กูเกิลจะกลับรุ่นที่ใช้งานได้ในลำดับ 1.8 (1.8.0, 1.8.1 และอื่น ๆ) หรือก็สามารถใช้เพียงตัวเลขแรก กูเกิลจะกลับรุ่นที่ใช้งานได้ในลำดับ 1 (1.1.0 ถึง 1.9.9)

Microsoft CDN:

<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</script>
</head>

ทดลองด้วยตัวเอง

คำเตือน：มีประโยชน์มากที่สำคัญหนึ่งจากการใช้ jQuery ของกูเกิลหรือไมโครซอฟท์

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