Pemilih DOM JavaScript / jQuery

jQuery vs JavaScript

jQuery dibuat oleh John Resig pada tahun 2006. Tujuannya adalah untuk menangani inkompatibilitas browser dan mempermudah operasi HTML DOM, penanganan peristiwa, animasi, dan Ajax.

Selama sepuluh tahun, jQuery selalu menjadi pustaka JavaScript yang paling populer di dunia.

Namun, setelah JavaScript Version 5 (2009), sebagian besar fungsi jQuery dapat diatasi dengan beberapa baris JavaScript standar:

Cari elemen HTML melalui id

Kembalikan elemen dengan id="intro":

jQuery

var myElement = $("#id01");

Coba Sendiri

JavaScript

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

Coba Sendiri

Cari elemen HTML melalui nama tag

Kembalikan semua elemen <p>:

jQuery

var myElements = $("p");

Coba Sendiri

Contoh

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

Coba Sendiri

Cari Elemen HTML melaluiNama Klas

Kembalikan semua elemen dengan class="intro".

jQuery

var myElements = $(".intro");

Coba Sendiri

JavaScript

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

Coba Sendiri

Metode ini tidak berfungsi di Internet Explorer 8 dan versi sebelumnya.

Cari Elemen HTML melalui Pemilih CSS

Kembalikan daftar semua elemen <p> dengan class="intro".

jQuery

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

Coba Sendiri

JavaScript

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

Coba Sendiri

querySelectorAll() Metode tidak berfungsi di Internet Explorer 8 dan versi sebelumnya.