เพิ่ม jQuery หน้าเว็บของคุณ
มีหลายวิธีที่จะเริ่มต้นใช้ jQuery บนเว็บไซต์ของคุณ คุณสามารถ:
- ดาวน์โหลดห้องสมุด jQuery จาก jQuery.com
- รวม jQuery จาก CDN เช่น Google
ดาวน์โหลด jQuery
มีสองรุ่นของ jQuery ใช้ได้สำหรับการดาวน์โหลดคือ:
- รุ่นการผลิต - นี้เป็นเว็บไซต์ที่แสดงอยู่เพราะได้รับการลดขนาดลงและบีบอัด
- รุ่นพัฒนา - นี้เป็นสำหรับการทดสอบและการพัฒนา (ไม่มีการบีบอัดและสามารถอ่านรหัส)
ทั้งสองรุ่นสามารถดาวน์โหลดได้จาก jQuery.com
ห้องสมุด jQuery เป็นไฟล์ JavaScript เดียวและคุณอ้างอิงกับ HTML <script> Tag (แจ้งให้ทราบว่า <script> แท็กควรจะเป็นภายใน <head> หัวข้อ):
<head>
<script src="jquery-1.12.2.min.js"></script>
</head>
เคล็ดลับ: วางไฟล์ที่ดาวน์โหลดมาในไดเรกทอรีเดียวกันกับหน้าเว็บที่คุณต้องการที่จะใช้มัน
คุณสงสัยว่าทำไมเราไม่ได้มี type="text/javascript" ภายใน <script> แท็ก?
นี้ไม่จำเป็นใน HTML5 JavaScript เป็นภาษาสคริปต์เริ่มต้นใน HTML5 และในเบราว์เซอร์ที่ทันสมัยทั้งหมด!
jQuery CDN
หากคุณไม่ต้องการที่จะดาวน์โหลดและเป็นเจ้าภาพ jQuery ตัวคุณเองคุณสามารถรวมจาก CDN (เครือข่ายการจัดส่งเนื้อหา)
ทั้งสอง jQuery โฮสต์ Google และ Microsoft
หากต้องการใช้ jQuery จาก Google หรือไมโครซอฟท์ใช้หนึ่งต่อไปนี้:
Google CDN:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
</head>
ลองตัวเอง» ไมโครซอฟท์ CDN:
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.2.min.js"></script>
</head>
ลองตัวเอง» ข้อดีอย่างหนึ่งที่ใหญ่ของการใช้เป็นเจ้าภาพ jQuery จาก Google หรือ Microsoft:
ผู้ใช้หลายคนแล้วได้ดาวน์โหลด jQuery จาก Google หรือไมโครซอฟท์เมื่อเข้าสู่เว็บไซต์อื่น เป็นผลให้มันจะถูกโหลดจากแคชเมื่อพวกเขาเข้าเยี่ยมชมเว็บไซต์ของคุณซึ่งจะนำไปสู่เวลาในการโหลดได้เร็วขึ้น นอกจากนี้ส่วนใหญ่ CDN จะตรวจสอบให้แน่ใจว่าเมื่อผู้ใช้ร้องขอไฟล์จากนั้นก็จะมีการแสดงจากเซิร์ฟเวอร์ที่ใกล้เคียงกับพวกเขาซึ่งยังนำไปสู่เวลาในการโหลดได้เร็วขึ้น