Pemilihan Pemilih jQuery

Pemilih memungkinkan Anda untuk mengoperasikan grup elemen atau elemen tunggal.

Pemilihan Pemilih jQuery

Dalam bab sebelumnya, kami menunjukkan beberapa contoh tentang bagaimana memilih elemen HTML.

Pintu kunci adalah untuk belajar bagaimana pemilihan pemilih jQuery dapat memilih elemen yang diinginkan untuk menerapkan efek.

Pemilihan elemen HTML dan pemilihan atribut jQuery memungkinkan Anda memilih elemen HTML melalui nama tag, nama atribut, atau konten.

Pemilihan memungkinkan Anda mengoperasikan grup elemen HTML atau elemen tunggal.

Dalam istilah HTML DOM:

Pemilihan memungkinkan Anda mengoperasikan grup elemen DOM atau node DOM tunggal.

Pemilihan Elemen jQuery

jQuery menggunakan pemilihan CSS untuk memilih elemen HTML.

$("p") memilih elemen <p>.

$("p.intro") memilih semua elemen <p> dengan class="intro".

$("p#demo") memilih semua elemen <p> dengan id="demo".

Pemilihan Atribut jQuery

jQuery menggunakan ekspresi XPath untuk memilih elemen yang memiliki atribut yang diberikan.

$("[href]") memilih semua elemen dengan atribut href.

$("[href='#']") memilih semua elemen dengan nilai href yang sama dengan "#".

$("[href!='#']") memilih semua elemen dengan nilai href yang tidak sama dengan "#".

$("[href$='.jpg']") memilih semua elemen dengan nilai href berakhir dengan ".jpg".

Pemilihan CSS jQuery

Pemilihan CSS jQuery dapat digunakan untuk mengubah atribut CSS elemen HTML.

Contoh di bawah ini mengubah warna latar belakang semua elemen <p> menjadi merah:

Contoh

$("p").css("background-color","red");

Coba sendiri

Beberapa contoh pemilihan yang lebih banyak

Sintaks Deskripsi
$(this) elemen HTML saat ini
$("p") semua elemen <p>
$("p.intro") semua elemen <p> class="intro"
$(".intro") semua elemen class="intro"
$("#intro") elemen yang id="intro"
$("ul li:first") elemen <li> pertama setiap <ul>
$("[href$='.jpg']") semua atribut href yang berakhir dengan ".jpg"
$("div#intro .head") elemen <div> yang id="intro" dan semua elemen class="head"

Untuk panduan lengkap, silakan kunjungi Panduan Pemilihan Pemilihan jQuery。