การใช้งาน JQuery AJAX สำหรับ HTML5 และ CSS3 การเขียนโปรแกรม - dummies

แม้ว่าไลบรารี AJAX / JavaScript ที่โดดเด่นจะพร้อมใช้งานสำหรับโปรแกรมเมอร์ HTML5 และ CSS3 แต่ jQuery ได้กลายเป็นหนึ่งในที่โดดเด่นที่สุด นี่คือเหตุผลบางประการสำหรับความนิยมของ jQuery:

• เป็นไลบรารีที่มีประสิทธิภาพ ระบบ jQuery มีประสิทธิภาพอย่างเหลือเชื่อ สามารถทำทุกสิ่งที่น่าประทับใจเพื่อให้ JavaScript ของคุณเขียนได้ง่ายขึ้น

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

• สนับสนุนกลไกการเลือกแบบยืดหยุ่น jQuery ช่วยลดความซับซ้อนและขยายเอกสาร getElementById ซึ่งเป็นศูนย์กลางของการจัดการกับ DOM

• มีการสนับสนุนภาพเคลื่อนไหวที่ยอดเยี่ยม คุณสามารถใช้ jQuery เพื่อทำให้องค์ประกอบปรากฏขึ้นและจางหายย้ายและสไลด์

• ทำให้ข้อความค้นหาของ AJAX ไม่เป็นสาระ คุณจะตกใจเมื่อ AJAX ใช้งานได้ง่ายกับ jQuery

• มีกลไกการทำงานที่เพิ่มขึ้น JavaScript มีการสนับสนุนกิจกรรมที่ จำกัด มาก jQuery เพิ่มเครื่องมือที่มีประสิทธิภาพสำหรับการเพิ่มตัวจัดการเหตุการณ์ไปเกือบทุกองค์ประกอบ

• ให้การสนับสนุนข้ามแพลตฟอร์ม ไลบรารี jQuery พยายามจัดการปัญหาความเข้ากันได้ของเบราว์เซอร์ให้กับคุณดังนั้นคุณจึงไม่ต้องเครียดมากนักเกี่ยวกับว่าใช้เบราเซอร์ใด

• รองรับวิดเจ็ตอินเทอร์เฟซผู้ใช้ jQuery มาพร้อมกับไลบรารีส่วนติดต่อผู้ใช้ที่มีประสิทธิภาพรวมถึงเครื่องมือ HTML ที่ไม่มีเช่นตัวควบคุมแบบลากและวางแถบเลื่อนและตัวเก็บข้อมูลวันที่

• สามารถขยายได้ jQuery มีไลบรารีปลั๊กอินที่สนับสนุนคุณสมบัติเสริมทั้งหมดไม่ว่าจะเป็นเครื่องมือและเครื่องมือใหม่ ๆ เช่นการรวมระบบเสียงแกลเลอรี่ภาพเมนูและอื่น ๆ อีกมากมาย

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

• เป็นแหล่งที่มาฟรีและโอเพ่นซอร์ส มีให้ใช้งานภายใต้ใบอนุญาตโอเพนซอร์สซึ่งหมายความว่าไม่มีค่าใช้จ่ายใด ๆ ในการใช้งานและคุณสามารถดูได้และเปลี่ยนแปลงได้หากต้องการ

• เป็นเรื่องปกติทั่วไป ถ้าคุณเลือกที่จะใช้ไลบรารี AJAX อื่นคุณยังสามารถถ่ายโอนไอเดียที่คุณเรียนรู้ใน jQuery ได้

วิธีการติดตั้ง jQuery

ห้องสมุด jQuery สามารถติดตั้งและใช้งานได้ง่าย ทำตามขั้นตอนต่อไปนี้:

1. ไปที่ jquery ดอทคอม

2. ดาวน์โหลดเวอร์ชันปัจจุบัน

   ขณะนี้เวอร์ชันล่าสุดคือ 110. 2. มี 2 X series แต่เวอร์ชันเหล่านี้ไม่สนับสนุนเบราว์เซอร์รุ่นเก่าดังนั้นจะไม่นำมาใช้จนกว่าเบราว์เซอร์รุ่นเก่า (โดยเฉพาะ IE 6 และรุ่นที่น้อยกว่า) จะไม่ใช้งานอีกต่อไป

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

3. จัดเก็บไฟล์ผลลัพธ์ไว้ในไดเร็กทอรีของคุณ

   jQuery-1 10. 2 นาที js เป็นไฟล์ปัจจุบัน

เพื่อรวมไลบรารีไว้ในหน้าเว็บของคุณเพียงเชื่อมโยงไปยังไฟล์ JavaScript ภายนอก:

อย่าลืมใส่รหัสก่อนหน้านี้ก่อนที่คุณจะเขียนหรือรวมโค้ดอื่นที่อ้างถึง jQuery

วิธีการนำเข้า jQuery จาก Google

ง่ายที่จะเพิ่มการสนับสนุน jQuery คุณมีอีกวิธีหนึ่งที่ดีในการเพิ่มไลบรารี jQuery (และไลบรารี AJAX อื่น ๆ) ให้กับหน้าเว็บของคุณโดยไม่ต้องดาวน์โหลดอะไร Google มีไลบรารีที่สำคัญหลายแห่ง (รวมถึง jQuery) ที่คุณสามารถดาวน์โหลดได้จากเซิร์ฟเวอร์ของตน

ข้อดีข้อดี:

• คุณไม่จำเป็นต้องติดตั้งไลบรารีใด ๆ ไฟล์ไลบรารีทั้งหมดอยู่บนเซิร์ฟเวอร์ Google

• ห้องสมุดจะได้รับการอัปเดตโดยอัตโนมัติ คุณสามารถเข้าถึงไลบรารีเวอร์ชันล่าสุดได้เสมอโดยไม่มีการเปลี่ยนแปลงรหัสของคุณ

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

นี่คือวิธีที่คุณทำ:

การโหลด jQuery จาก Google เป็นขั้นตอนสองขั้นตอน:

1. โหลด Google API จาก Google

   ใช้แท็กแรกเพื่ออ้างอิงเซิร์ฟเวอร์ Google AJAX API ซึ่งจะช่วยให้คุณสามารถเข้าถึง Google ได้ โหลด () ฟังก์ชัน

2. เรียกใช้ google โหลด () เพื่อโหลด jQuery

   • พารามิเตอร์แรกคือชื่อไลบรารีที่คุณต้องการโหลด

   • พารามิเตอร์ที่สองคือหมายเลขเวอร์ชัน หากปล่อยให้พารามิเตอร์นี้ว่างคุณจะได้รับเวอร์ชันล่าสุด หากคุณระบุหมายเลข Google จะให้รูปแบบใหม่ล่าสุดของเวอร์ชันนั้น

โปรดทราบว่าคุณไม่จำเป็นต้องติดตั้งไฟล์ใด ๆ ในประเทศเพื่อใช้วิธีการของ Google

ตัวเลือกทั้งหมดสำหรับการจัดการ jQuery สามารถทำให้สะดุดได้ ใช้เทคนิคใดก็ได้ดีที่สุดสำหรับคุณ