Bagaimana untuk mendapatkan elemen yang dipilih dalam jquery

Sebagai perpustakaan JavaScript yang sangat biasa digunakan dalam pembangunan web, jQuery mempunyai API yang berkuasa dan kaya yang boleh mendapatkan dan mengendalikan elemen dengan mudah dalam halaman web. jQuery menyediakan satu siri pemilih untuk memilih elemen dalam dokumen HTML. Dalam pembangunan sebenar, kita perlu mendapatkan elemen yang dipilih berdasarkan operasi pengguna Artikel ini akan memperkenalkan cara mendapatkan elemen yang dipilih dalam jQuery.

1. Pemilih Asas

Pemilih asas ialah pemilih paling asas jQuery. Melalui pemilih asas, kita boleh memilih semua elemen DOM, jenis elemen, kelas, ID, dsb. Berikut ialah pemilih asas yang biasa digunakan:

1. *：选择所有元素
2. #id：根据id选择元素
3. .class：根据class选择元素
4. element：选择元素类型
5. [attribute]：选择有某个属性的元素
6. [attribute=value]：选择某个属性等于给定值的元素

2. Pemilih hierarki

Pemilih hierarki boleh digunakan untuk memilih elemen bersarang dalam elemen atau kumpulan elemen tertentu. Berikut ialah pemilih hierarki yang biasa digunakan:

1. ancestor descendant：选择某元素内的后代元素
2. parent > child：选择某元素的直接子元素
3. prev + next：选择某元素之后的紧邻的兄弟元素
4. prev ~ siblings：选择某元素之后的所有兄弟元素

3. Pemilih penapis

Pemilih penapis boleh memilih elemen berdasarkan statusnya, termasuk sama ada pemilih mempunyai atribut tertentu dan sama ada elemen itu berada dalam Syarat seperti keadaan tertentu (seperti kelihatan atau dilumpuhkan), lokasi nod, dsb. Berikut ialah pemilih penapis yang biasa digunakan:

1. :first、:last：选择第一个、最后一个元素
2. :not(selector)：选择不符合条件的元素
3. :even、:odd：选择偶数或奇数元素
4. :disabled、:enabled：选择被禁用、可用的元素
5. :checked：选择被选中的元素
6. :selected：选择被选择的元素

4. Dapatkan elemen yang dipilih

Terdapat dua cara utama untuk mendapatkan elemen yang dipilih dalam jQuery:

1. Gunakan kaedah val() bagi elemen bentuk

Apabila elemen yang kita pilih ialah elemen bentuk (seperti input, textarea, dll.), kita boleh terus menggunakan kaedah val() untuk mendapatkan nilai elemen yang dipilih, kod Seperti berikut:

var value = $("input:checkbox:checked").val();

Input parameter kod di atas:kotak semak:ditandakan bermakna semua elemen kotak pilihan yang ditandakan dipilih, dan kemudian gunakan kaedah val() untuk mendapatkan nilainya.

2. Gunakan pemilih dan pengendali acara

Apabila elemen yang kita pilih bukan elemen bentuk, kita boleh mendapatkan elemen yang dipilih melalui pemilih dan pengendali acara. Kodnya adalah seperti berikut:

// 给被选中的元素绑定click事件
$("p").click(function() {
  $(this).toggleClass("selected");
});

// 获取被选中的元素
var selected = $("p.selected");

Dalam kod di atas, kami menggunakan kaedah klik() untuk mengikat acara klik pada elemen yang dipilih Apabila elemen diklik, nama kelas yang dipilih akan ditambah atau dialih keluar daripada elemen Menunjukkan bahawa elemen dipilih atau dinyahtanda. Akhirnya kami menggunakan pemilih untuk mendapatkan elemen yang dipilih.

Ringkasan: Untuk mendapatkan elemen yang dipilih dalam jQuery, anda boleh menggunakan pemilih asas, pemilih hierarki dan pemilih penapis, atau anda boleh mendapatkan elemen yang dipilih melalui kaedah val() dan fungsi pengendalian acara bagi elemen borang. Menguasai kaedah ini boleh memudahkan kita mengendalikan elemen dalam halaman web.

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan elemen yang dipilih dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!