ชุดข้อมูล jQuery
โปรดสังเกตตัวแปร elems:
let elems = $('.www');
ลงในนั้นจะมีการบันทึกกลุ่มขององค์ประกอบที่ถูกเลือก หรือที่เรียกว่า ชุดองค์ประกอบ jQuery
คุณสามารถเปลี่ยนแปลงทั้งหมดได้ในเวลาเดียวกัน
องค์ประกอบของชุด jQuery ซึ่งต่างจาก
querySelectorAll
ไม่จำเป็นต้องใช้ลูปใดๆ
โดยหลักการแล้ว ตัวแปร elems ส่วนใหญ่
ก็ไม่จำเป็นอยู่แล้ว เพราะ jQuery อนุญาตให้
ใช้ฟังก์ชันที่มีประโยชน์โดยตรงกับชุดข้อมูล
ในรูปแบบของเมธอด
ตัวอย่างเช่น นี่คือวิธีที่เราจะได้องค์ประกอบทั้งหมด
ที่มีคลาส www และตั้งค่าสีแดงให้กับพวกมัน:
$('.www').css('color', 'red');
เมธอด jQuery เกือบทั้งหมดจะคืนค่าชุดข้อมูลกลับมา ที่เมธอดนี้ถูกนำไปใช้ ซึ่งทำให้สามารถ สร้างห่วงโซ่ของเมธอดได้ยาวเท่าที่ต้องการ
มาดูกันว่าเราจะได้องค์ประกอบทั้งหมดที่มีคลาส www,
ตั้งค่าสีแดงให้กับพวกมัน และเปลี่ยนข้อความของพวกมัน
เป็น 'ข้อความใหม่':
$('.www').css('color', 'red').html('new text');
