jQuery เป็นไลบรารี Javascript ที่เน้นว่าเทคโนโลยี HTML, JavaScript และ CSS ทำงานร่วมกันอย่างไร
jQuery ทำอะไรได้บ้าง
ห้องสมุดสามารถทำงานกับรายการงานต่อไปนี้:
- สามารถเข้าถึงองค์ประกอบใด ๆ ของแบบจำลองวัตถุหน้า (DOM) และดำเนินการจัดการที่ซับซ้อนกับพวกมันได้
- รองรับการจัดงาน
- มีฟังก์ชันสำหรับเอฟเฟกต์กราฟิกและแอนิเมชั่นต่างๆ
- ทำให้งานง่ายขึ้นด้วยเทคโนโลยีการโหลดแบบไดนามิกของ AJAX (ฟีเจอร์ที่สำคัญและมีประโยชน์มาก แต่ตอนนี้ไม่เกี่ยวกับเรื่องนั้น);
- jQuery มีปลั๊กอินของตัวเองจำนวนมาก หน้าที่หลักคือการติดตั้งส่วนต่อประสานกราฟิกกับผู้ใช้และการโต้ตอบกับผู้ใช้
ไลบรารี่แบบบีบอัดและไม่บีบอัด
นักพัฒนามีหลายตัวเลือกสำหรับสคริปต์ ตัวหนึ่งถูกบีบอัด อีกตัวไม่มี เวอร์ชันเต็มสะดวกมากที่จะใช้ในขั้นตอนของการเขียนโค้ดและแก้จุดบกพร่อง (ทดสอบ) เว็บแอปพลิเคชัน ในทางกลับกัน เวอร์ชันย่อเล็กสุดจะมีข้อดีที่เป็นประโยชน์เล็กน้อยระหว่างการดีบัก แต่จะโหลดเร็วขึ้นมากและใช้พื้นที่น้อยลง ดังนั้น jQuery เวอร์ชันบีบอัดจึงเหมาะสมใช้ไปแล้วในโปรเจ็กต์ที่เสร็จแล้วเพราะช่วยประหยัดทราฟฟิกเซิร์ฟเวอร์และพื้นที่ดิสก์
วิธีเลือก jQuery เวอร์ชันที่ถูกต้อง
jQuery วันนี้มีหลายกระแสหลัก - สาขา 1.x, 2.x และ 3.x ความแตกต่างที่โดดเด่นของพวกเขาคือ เริ่มตั้งแต่เวอร์ชันที่สอง การสนับสนุนสำหรับเบราว์เซอร์ที่ล้าสมัยถูกยกเลิก เช่น เบราว์เซอร์จาก Microsoft Corporation - Internet Explorer จนถึงและรวมถึงเวอร์ชันที่แปด
การตัดสินใจนี้ทำให้สามารถลดปริมาณข้อมูลในไลบรารีลง 10 เปอร์เซ็นต์และเพิ่มประสิทธิภาพการทำงานเล็กน้อย อย่างไรก็ตาม ยังคงมีคอมพิวเตอร์ที่บ้านและในองค์กรในโลกที่ติดตั้ง Internet Explorer เก่าเป็นเบราว์เซอร์หลัก แม้ว่าเปอร์เซ็นต์ของผู้ใช้เหล่านี้จะไม่เกิน 3% ทั่วโลก ดังนั้น จะสนับสนุนแพลตฟอร์มที่ล้าสมัยหรือไม่
ผู้พัฒนา jQuery ปฏิบัติตามหลักการของความเข้ากันได้แบบย้อนหลังของเวอร์ชันต่างๆ ซึ่งหมายความว่าโค้ดที่เขียนขึ้นสำหรับไลบรารีเวอร์ชัน 1.7 จะใช้งานได้กับเวอร์ชัน 1.8 แต่บางครั้งบริษัทผู้พัฒนาจะลบฟังก์ชันที่ไม่เป็นประโยชน์ออกจาก jQuery ดังนั้นจึงควรอ่านเอกสารสำหรับเวอร์ชันใหม่อีกครั้งหากคุณกำลังจะอัปเกรด
ในปี 2559 มีการเปิดตัว jQuery สาขาใหม่ เป็นเวอร์ชัน 3.0 ซึ่งเร็วและเบากว่าเวอร์ชันเก่า ในที่สุด แฮ็กก็ถูกลบออกเพื่อใช้ฟังก์ชันบางอย่างในเบราว์เซอร์ที่ล้าสมัย ซึ่งทำให้ไลบรารีถูกจัดตำแหน่งให้เป็นเครื่องมือพัฒนาที่ทันสมัยและมีประสิทธิภาพ
ถ้าคุณโครงการถูกผูกไว้กับห้องสมุดบางแห่งแล้ว ให้ประเมินค่าแรงสำหรับการอัพเกรดก่อน หากประโยชน์จากเวอร์ชันใหม่คุ้มค่าก็เริ่มทำงานได้เลย สำหรับนักพัฒนาทุกคนที่เพิ่งเริ่มใช้เครื่องมือในโครงการของพวกเขา ขอแนะนำให้เริ่มต้นด้วยเวอร์ชันล่าสุดโดยตรง
วิธีเริ่มต้นกับ jQuery
ขั้นตอนแรกคือเชื่อมต่อ jQuery ในการดำเนินการนี้ คุณต้องดาวน์โหลดไลบรารีโดยตรงจากแหล่งข้อมูลสำหรับนักพัฒนา jquery.com หรือจากมิเรอร์ แล้ววางไลบรารีบนเว็บเซิร์ฟเวอร์ของคุณ
ตอนนี้ มาทำการเชื่อมต่อ jQuery จริงกับหน้าเว็บกัน การเชื่อมต่อของสคริปต์ต่างๆ ในภาษามาร์กอัปไฮเปอร์เท็กซ์ได้รับการจัดการโดยแท็กสคริปต์ เชื่อมต่อ jQuery ด้วยรหัสต่อไปนี้:
ตัวเลือกนี้ดีสำหรับการเชื่อมต่อแบบออฟไลน์ แต่ยังมีวิธีอื่นๆ อีกมากสำหรับการใช้เซิร์ฟเวอร์
เชื่อมต่อ jQuery โดยใช้บริการคลาวด์
Google ให้บริการ Hosted Libraries ซึ่งทุกคนสามารถเชื่อมต่อเฟรมเวิร์กหรือไลบรารียอดนิยมกับเว็บแอปพลิเคชันของตนได้ ในการเชื่อมต่อ jQuery ผ่าน Google Cloud Storage ให้ใช้สตริงที่ตรงกับเวอร์ชันที่เลือกในรูปแบบต่อไปนี้:
ตัวเลขในคอลัมน์เวอร์ชันสอดคล้องกับหมายเลขเวอร์ชันที่พร้อมสำหรับการติดตั้งและใช้งานต่อไปได้ หากต้องการเชื่อมต่อเวอร์ชันกลางใด ๆ เพียงคัดลอกตัวเลขในสตริงการเชื่อมต่อแทนตัวเลขที่ระบุในตัวอย่าง
คุณสามารถดูรายการเวอร์ชันปัจจุบันได้ตลอดเวลาที่:
developers.google.com/speed/libraries/jquery
หากคุณไม่เชื่อถือ Google ไม่ว่าด้วยเหตุผลใดก็ตาม แต่ยังต้องการทราบวิธีรับไลบรารี jQuery จากเซิร์ฟเวอร์ที่เชื่อถือได้ของบุคคลที่สาม ให้ใช้ที่เก็บของ Microsoft
jQuery เป็นหนึ่งในเครื่องมือที่ดีที่สุดสำหรับการสร้างแอนิเมชั่นบนหน้าเว็บอย่างง่ายดาย เมื่อคุณตระหนักถึงพลังของเครื่องมือนี้ คุณจะดีใจมากที่เริ่มเรียนรู้ห้องสมุดดังกล่าว
คลางแคลงในหมู่นักเรียนและนักพัฒนาเชื่อว่าจะดีกว่าที่จะใช้ทุกอย่างโดยใช้ภาษาการเขียนโปรแกรมล้วนๆ โดยไม่ต้องใช้ไลบรารีของบุคคลที่สาม แต่คุณต้องเข้าใจว่าไฟล์ jQuery มีขนาดเพียง 32 กิโลไบต์ และเป็นไปได้มากว่าไฟล์ jQuery จะอยู่ในแคชของเบราว์เซอร์ของผู้ใช้แล้ว หากคุณรวมสคริปต์ผ่าน Google ดังนั้นอย่ากลัวที่จะเรียนรู้เครื่องมือที่ทำให้ชีวิตง่ายขึ้นสำหรับนักพัฒนา ท้ายที่สุด เราได้รวมไลบรารี jQuery ไว้ด้วย - เพื่อไม่ให้สร้างวงล้อขึ้นใหม่
