Rumah >hujung hadapan web >tutorial js >Penjelasan terperinci tentang jQuery selector_jquery

Penjelasan terperinci tentang jQuery selector_jquery

WBOYasal: 2016-05-16 16:19:21941semak imbas

Fungsi $() digunakan sebagai fungsi pemilih dalam banyak perpustakaan JavaScript, dalam jQuery ia adalah.

　$("#id") mendapat elemen mengikut id, yang digunakan untuk menggantikan fungsi document.getElementById().

　$("tagName") memperoleh elemen melalui nama teg dan digunakan untuk menggantikan fungsi document.getElementsByTagName().

Sintaks asas jQuery ialah: $(selector).action(), pemilih ialah pemilih.

Klasifikasi pemilih jQuery

Pemilih jQuery pada dasarnya boleh dibahagikan kepada empat kategori:

Pemilih asas (asas)

Pemilih tahap (tahap)

Pemilih penapis(penapis)

Pemilih borang (borang)

Sesetengah kategori boleh dibahagikan kepada subkategori tertentu.

Pemilih Asas

* sepadan dengan semua elemen Contoh: $("*") memilih semua elemen

#id sepadan dengan elemen berdasarkan id yang diberikan (hanya paling banyak satu elemen dikembalikan Contoh: $("#lastname") memilih elemen dengan id="lastname".

.kelas sepadan dengan elemen berdasarkan nama kelas yang diberikan Contoh: $(".intro") memilih semua elemen dengan class="intro".

elemen sepadan dengan elemen berdasarkan nama elemen yang diberikan Contoh: $("p") memilih semua

　.class.class Contoh: $(".intro.demo") memilih semua elemen dengan class="demo".(Persimpangan).

　pemilih1, pemilih2, …, pemilihN, gabungkan elemen yang dipadankan oleh setiap pemilih dan kembalikan bersama-sama (Kesatuan).

Kecuali pemilih #id yang mengembalikan satu elemen, pemilih lain mengembalikan koleksi elemen

Ini kerana id harus unik dalam spesifikasi HTML, jadi elemen dengan id berulang tidak dipertimbangkan

Jika ID berbilang elemen adalah sama, hanya elemen pertama boleh diperolehi dengan mengambil ID ini, iaitu atribut panjang objek jQuery yang diperolehi ialah 1.

Jika elemen yang hendak dipadankan tidak wujud, objek jQuery kosong akan dikembalikan

Pemilih asas boleh digabungkan, dipisahkan dengan koma, dan hasilnya ialah penyatuan keputusan semua keadaan

Apabila tidak dipisahkan dengan koma, ia sepatutnya menjadi persimpangan di mana semua syarat dipenuhi

Pemilih Tahap

　$(“keturunan nenek moyang”) memilih semua unsur keturunan keturunan dalam unsur nenek moyang, termasuk unsur anak langsung dan unsur keturunan bersarang lebih dalam.

Contoh: $("div span") memilih semua elemen dalam

Nota: Pemilih mengimbas seluruh halaman dan mengembalikan koleksi Semua elemen yang memenuhi syarat pemilihan akan disertakan,

　$("ibu bapa>anak") memilih elemen anak di bawah elemen induk, iaitu, hanya elemen anak langsung dipilih.

Contoh: $("div>span") memilih elemen anak yang nama elemennya ialah

　$("prev next") memilih elemen seterusnya (tahap yang sama) sejurus selepas elemen sebelumnya.

Contoh: $(“.one div”) memilih elemen div seterusnya dengan kelas satu.

　$("adik-beradik terdahulu") memilih semua elemen adik-beradik selepas elemen sebelumnya (tahap yang sama).

Contoh: $("#two~div") memilih semua

elemen adik beradik selepas elemen dengan id dua.

Kaedah yang setara:

　$("prev next") adalah bersamaan dengan kaedah $("prev").next("next"); memilih elemen seterusnya sejurus selepas elemen sebelumnya.

$("prev~sublings") adalah bersamaan dengan kaedah $("prev").nextAll("sublings"), yang memilih semua elemen sublings pada tahap yang sama selepas elemen sebelumnya.

Dan kaedah $("prev").sublings("next") memilih semua elemen seterusnya yang merupakan generasi yang sama seperti sebelumnya, tanpa mengira kedudukan sebelumnya dan kemudian

Pemilih Penapis

Kategori umum pemilih penapis dibahagikan kepada enam subkategori:

penapisan kandungan; penapisan atribut;

Penapisan asas

GT dan lt masing-masing lebih besar daripada dan kurang.

Penapisan Kandungan

Penapisan keterlihatan

Penapisan atribut

Penapisan atribut dikenal pasti dengan kurungan segi empat sama

Ambil perhatian bahawa apabila berbilang pemilih penapis atribut disambungkan bersama, persilangan hasil diambil

Penapisan elemen kanak-kanak

Dalam pemilih penapis asas sebelumnya, indeks dikira daripada 0. Di sini, indeks pemilih penapis sub-elemen dikira daripada 1.

Membentuk penapisan atribut objek

Pemilih Borang

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Contoh penggunaan kaedah delegate() dalam jQuery_jqueryArtikel seterusnya：Contoh penggunaan kaedah delegate() dalam jQuery_jquery

Artikel berkaitan

Lihat lagi