JavaScript / jQuery DOM Selector

jQuery vs JavaScript

jQuery ໄດ້ຖືກສ້າງໂດຍ John Resig ໃນປີ 2006. ມັນມີເປົ້າໝາຍທີ່ຈະຈັດການຄວາມບໍ່ສາມາດທີ່ບາງບຸກຄົນຂອງເບິ່ງຫຼັງການຫຼິ້ນເຄື່ອງບັນຊີ DOM, ການຈັດການສະຖານະການ, ການຄວາມສະຫຼາດແລະ AJAX.

ຫຼາຍກວ່າສິບປີທີ່ຜ່ານມາ jQuery ແມ່ນສາມາດຖືກຍອມຮັບຫຼາຍທີ່ສຸດໃນໂລກຂອງ JavaScript 库.

ແຕ່ວ່າຫຼັງຈາກ JavaScript Version 5 (2009)ຫຼາຍຄວາມຈິງຂອງ jQuery ສາມາດການຕອບຂອງ JavaScript ສະເໜີດ້ວຍຫຼາຍກັນ:

ການຄົ້ນຫາປະກອບ HTML ທີ່ມີ id:

ການຄົ້ນຫາປະກອບທີ່ id="intro":

jQuery

var myElement = $("#id01");

ທົດລອງດີຕະຫຼອດຕົວ

JavaScript

var myElement = document.getElementById("id01");

ທົດລອງດີຕະຫຼອດຕົວ

ການຄົ້ນຫາປະກອບ HTML ທີ່ມີຊື່ແບບ:

ການຄົ້ນຫາປະກອບ HTML <p> ທັງໝົດ:

jQuery

var myElements = $("p");

ທົດລອງດີຕະຫຼອດຕົວ

ຄວາມຄົງ

var myElements = document.getElementsByTagName("p");

ທົດລອງດີຕະຫຼອດຕົວ

ການຊອກຫາ HTML ປະກອບຜ່ານ ຊື່ປະເພດ

ການກວດສອບທີ່ມີ class="intro" ທັງໝົດ.

jQuery

var myElements = $(".intro");

ທົດລອງດີຕະຫຼອດຕົວ

JavaScript

var myElements = document.getElementsByClassName("intro");

ທົດລອງດີຕະຫຼອດຕົວ

ກົນລະຍຸດບໍ່ມີຜົນໃນ Internet Explorer 8 ແລະ ຮູບແບບເກົ່າອີກ.

ການຊອກຫາ HTML ປະກອບຜ່ານ CSS ຄູ່ສິນ

ການກວດສອບທີ່ມີ class="intro" ທັງໝົດ <p> ປະກອບ.

jQuery

var myElements = $("p.intro");

ທົດລອງດີຕະຫຼອດຕົວ

JavaScript

var myElements = document.querySelectorAll("p.intro");

ທົດລອງດີຕະຫຼອດຕົວ

querySelectorAll() ກົນລະຍຸດບໍ່ມີຜົນໃນ Internet Explorer 8 ແລະ ຮູບແບບເກົ່າອີກ.