Mengenal Selector Pada JQuery

Pada tutorial kali ini akan membahas tentang mengenal selector pada JQuery. Apa itu Selector, apa fungsinya, dan bagaimana penerapannya.

Selector adalah perihal yang dijadikan acuan atau pengait agar objek dapat dimanipulasi.

Dapat juga dikatakan, Selector sebagai penghubung antara elemen HTML dengan kode JQuery.

Namun, dalam hal ini saya hanya akan membahas 3 jenis selector yang umum digunakan, yakni :

Selector Tag Pada JQuery

Selector yang dijadikan acuan adalah tag – tag HTML seperti tag <table>, <p>, <form>, <h1>, <b> dan tag – tag HTML lainnya.

Dan gambar di bawah ini adalah hasil dari kode sumber di atas :

mengenal selector pada jquery

Dan berikut live prieviewnya :

See the Pen
Selector id pada jquery
by Lautankode (@lautankode)
on CodePen.


Selector ID Pada JQuery

Selector yang dijadikan acuan adalah nama id yang digunakan pada elemen tersebut. Gunakan tanda pagar untuk menandakan bahwa itu adalah nama id “#nama”. Contoh :

Di bawah ini adalah hasilnya, apabila anda klik tombol “klik saya”, maka elemen yang memiliki id=”tes” akan berubah warna.

selector id pada jquery

Dan berikut live prieviewnya :

See the Pen
Selector id pada jquery
by Lautankode (@lautankode)
on CodePen.


Selector Class Pada JQuery

Selector yang dijadikan acuan adalah nama Class yang digunakan pada elemen tersebut. Gunakan tanda titik untuk menandakan bahwa itu adalah nama Class “.nama_class.

Output dari kode sumber di atas, apabila anda klik tombol button di bawah :

selector class pada jquery

Dan berikut live previewnya :

See the Pen
Selector class pada jquery
by Lautankode (@lautankode)
on CodePen.


Demikian tutorial dari mengenal selector pada JQuery.

Jika ada pertanyaan lebih lanjut, silahkan tulis di kolom komentar di bawah ini.

Leave a comment

Your email address will not be published. Required fields are marked *

× Contact Us