JavaScript / jQuery DOM Selectors
jQuery กับ JavaScript
jQueryถูกสร้างขึ้นในปี 2549 โดย John Resig ได้รับการออกแบบมาเพื่อจัดการกับความไม่ลงรอยกันของเบราว์เซอร์และทำให้การจัดการ HTML DOM, การจัดการเหตุการณ์, แอนิเมชั่น และ Ajax ง่ายขึ้น
เป็นเวลากว่า 10 ปีแล้วที่ jQuery เป็นไลบรารี JavaScript ที่ได้รับความนิยมมากที่สุดในโลกอย่างไรก็ตาม หลังจาก JavaScript เวอร์ชัน 5 (2009) ยูทิลิตี jQuery ส่วนใหญ่สามารถแก้ไขได้ด้วย JavaScript มาตรฐานสองสามบรรทัด:
ค้นหาองค์ประกอบ HTML ด้วย Id
ส่งคืนองค์ประกอบด้วย id="id01":
jQuery
myElement = $("#id01");
JavaScript
myElement = document.getElementById("id01");
ค้นหาองค์ประกอบ HTML ด้วยชื่อแท็ก
กลับทั้งหมด <p> องค์ประกอบ:
jQuery
myElements = $("p");
JavaScript
myElements = document.getElementsByTagName("p");
ค้นหาองค์ประกอบ HTML ตามชื่อคลาส
ส่งคืนองค์ประกอบทั้งหมดที่มี class="intro"
jQuery
myElements = $(".intro");
JavaScript
myElements = document.getElementsByClassName("intro");
ค้นหาองค์ประกอบ HTML ด้วยตัวเลือก CSS
กลับรายการของ <p> องค์ประกอบทั้งหมดที่มี class="intro"
jQuery
myElements = $("p.intro");
JavaScript
myElements = document.querySelectorAll("p.intro");