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