สร้างฟังก์ชัน $ ให้คล้าย jQuery
Nuttavut Thongjor
JavaScript

เรียนรู้การสร้างฟังก์ชัน $ ให้คล้ายการทำงานของ jQuery

คำอธิบาย
ความคิดเห็น

เรามาลองสร้างฟังก์ชัน $ ให้คล้ายกับการทำงานของ jQuery กันเถอะ

JavaScript
1const $ = (s) =>
2 ((n) => (n.length > 1 ? n : n[0]))(document.querySelectorAll(s))

สมมติเราต้องการค้นหาอีลีเมนต์ที่มีคลาสเป็น oops จาก HTML ต่อไปนี้

HTML
1<div class="item">Item 1</div>
2<div class="item">Item 2</div>
3<div class="oops">Oops!</div>

เราสามารถเข้าถึงข้อความในอีลีเมนต์ดังกล่าวได้โดยอาศัยโค้ดจากฟังก์ชันที่เราสร้าง ดังนี้

JavaScript
1$('.oops').innerText // Oops!

เว็บไซต์นี้มีการจัดเก็บข้อมูล

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