ความแตกต่างระหว่าง jQuery และ JavaScript มีดังนี้:
jQuery
jQuery เป็นไลบรารี JavaScript ที่รวดเร็วและกระชับ สร้างโดย John Resig ในปี 2006 jQuery ทำให้การเดินทางเอกสาร HTML, การจัดการเหตุการณ์, แอนิเมชัน, และการโต้ตอบ Ajax ง่ายขึ้น สำหรับการพัฒนาเว็บอย่างรวดเร็ว
JavaScript
JavaScript เป็นภาษาโปรแกรมมิ่งที่เบาและตีความ (interpreted) ออกแบบมาสำหรับสร้างแอปพลิเคชันที่เน้นเครือข่าย เป็นเพื่อนร่วมทางและบูรณาการกับ Java JavaScript นำไปใช้งานง่ายเพราะบูรณาการกับ HTML เป็นแบบเปิดและข้ามแพลตฟอร์ม
jQuery ถูกเพิ่มประสิทธิภาพให้ทำงานกับเบราว์เซอร์หลายตัวโดยอัตโนมัติ แต่ JavaScript ยังมีปัญหาบางอย่าง เช่น ความเข้ากันได้ข้ามเบราว์เซอร์ (cross-browser compatibility) อาจเกิดจากการนำ JavaScript ไปใช้งานอย่างไม่ดีของนักพัฒนาเบราว์เซอร์
jQuery ต้องการการทดสอบโค้ดน้อยกว่า และโค้ดน้อยกว่าสำหรับเป้าหมายเดียวกัน เมื่อเทียบกับ JavaScript ตัวอย่างเช่น การเปลี่ยนขนาดฟอนต์ สีพื้นหลัง ฯลฯ
ลองดูตัวอย่างเปรียบเทียบ jQuery และ JavaScript สำหรับเปลี่ยนสีพื้นหลัง:
JavaScript
function changeColor(color) {
document.body.style.background = color;
}
Onload="changeColor('blue');"
jQuery
$ ('body') .css ('background', '#0000FF');
เห็นได้ชัดว่าทั้งสองโค้ดทำงานเดียวกันคือเปลี่ยนสีพื้นหลัง แต่ jQuery ใช้โค้ดน้อยกว่า และด้วยวิธีนี้คุณสามารถประยุกต์ใช้กับตัวอย่างอื่นๆ ได้ ซึ่งแสดงว่า jQuery ลดโค้ดลงและใช้งานง่ายกว่า