jQuery คืออะไร?

jQuery เป็นไลบรารี JavaScript - ชุดฟังก์ชั่นสำเร็จรูปที่ ช่วยให้ทำบางสิ่งได้ง่ายขึ้นและสะดวกขึ้น กว่าการทำใน JavaScript ล้วน

ลองเปรียบเทียบโค้ดสองชุดที่ทำสิ่งเดียวกัน - ชุดแรกเขียนด้วย JavaScript ล้วน:

document.getElementById('elem').innerHTML = '!';

และชุดที่สอง - เขียนด้วย jQuery:

$('#elem').html('!');

โค้ด jQuery ดูกระชับและ ง่ายต่อการเขียนมากกว่า

ลองเปรียบเทียบอีกสองโค้ด: ในโค้ดแรกเราได้รับ องค์ประกอบทั้งหมดที่มีคลาส www และตั้งค่า สีข้อความเป็นสีแดงโดยใช้ JavaScript ล้วน:

let elems = document.getElementsByClassName('www');

for (let i = 0; i < elems.length; i++) {
	elems[i].style.color = 'red';
}

และในโค้ดที่สอง - โดยใช้ jQuery:

$('.www').css('color', 'red');

ที่นี่จะรู้สึกถึงความแตกต่างอย่างมาก - ใน JavaScript ล้วนต้องใช้ลูป ในขณะที่ โค้ด jQuery ไม่ได้เปลี่ยนแปลงไปมากนักเมื่อเทียบ กับตัวอย่างแรก