แม้ว่าจะมีความคล้ายคลึงกันมากระหว่าง jQuery และ JavaScript แต่ก็มีความแตกต่างหลายประการในไวยากรณ์และฟังก์ชันการทำงาน ก่อนอื่นให้ทำความเข้าใจว่าโค้ด jQuery พยายามทำอะไร จากนั้นใช้วิธีการหรือแอตทริบิวต์ทางเลือกของวานิลลา JavaScript
บล็อกนี้จะกล่าวถึงการแปลงโค้ด jQuery เป็น JavaScript
วิธีแปลงรหัส jQuery เป็น JavaScript
สำหรับการแปลงโค้ด jQuery เป็น JavaScript สิ่งสำคัญคือต้องเข้าใจว่าโค้ดกำลังทำอะไรและใช้วิธี jQuery ใด จากนั้น ใช้วิธีการอื่นใน JavaScript เช่น “ $() ” ใช้ใน jQuery สำหรับการเลือกองค์ประกอบในขณะที่ใน JavaScript สำหรับการเลือกองค์ประกอบ “ document.querySelector() ' หรือ ' แบบสอบถาม SelectorAll() ใช้วิธีการ
มาทำความเข้าใจกระบวนการแปลงด้วยความช่วยเหลือของตัวอย่าง
ตัวอย่าง
ที่นี่ เรามีโค้ด jQuery ที่เปลี่ยนสีข้อความและแสดงข้อความอธิบายเมื่อคลิกปุ่ม ด้วยเหตุนี้ เอกสาร HTML จึงประกอบด้วยปุ่มสองปุ่ม ข้อความ และแท็ก
ว่าง ซึ่งข้อความใหม่จะแสดงเมื่อคลิกปุ่ม:
< รหัส div = 'มายดิฟ' >
< หน้า ระดับ = 'ข้อความ' > บทช่วยสอน JavaScript หน้า >
< รหัสปุ่ม = 'ปุ่ม' > คลิกที่นี่ ปุ่ม >
< รหัสปุ่ม = 'ปุ่ม' > คลิกที่นี่ ปุ่ม >
< รหัสพี = 'ข้อความ' > หน้า >
แผนก >
ในขณะที่ทำงานกับ jQuery จำเป็นต้องเพิ่มไลบรารี jQuery ในแท็ก
ของเอกสาร HTML: < สคริปต์ src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > สคริปต์ >ในแท็ก