Penjelasan terperinci tentang jQuery filter selector_jquery

Pemilih Penapis

Pemilih penapis terutamanya menapis elemen DOM yang diperlukan melalui peraturan penapisan tertentu Semua pemilih bermula dengan ":"

Menurut peraturan penapisan yang berbeza, pemilih penapis boleh dibahagikan kepada penapisan asas, penapisan kandungan, penapisan keterlihatan, penapisan atribut, penapisan sub-elemen dan pemilih penapisan atribut objek.

Pemilih Penapis Asas

Contoh pemilih penapis asas

Tukar warna latar belakang elemen div pertama kepada #bbffaa

Tukar warna latar belakang elemen div terakhir kepada #bbffaa

Tukar warna latar belakang semua elemen div yang kelasnya bukan satu kepada #bbffaa

Tukar warna latar belakang elemen div dengan nilai indeks genap kepada #bbffaa

Tukar warna latar belakang elemen div dengan nilai indeks ganjil kepada #bbffaa

Tukar warna latar belakang elemen div dengan nilai indeks lebih daripada 3 kepada #bbffaa

Tukar warna latar belakang elemen div dengan nilai indeks sama dengan 3 kepada #bbffaa

Tukar warna latar belakang elemen div dengan nilai indeks kurang daripada 3 kepada #bbffaa

Tukar warna latar belakang semua elemen tajuk kepada #bbffaa

Tukar warna latar belakang semua elemen yang sedang dianimasikan kepada #bbffaa

Pemilih penapis kandungan

Peraturan penapisan pemilih penapisan kandungan ditunjukkan terutamanya dalam sub-elemen dan kandungan teks yang terkandung di dalamnya

Contoh pemilih penapisan kandungan

Tukar warna latar belakang elemen div yang mengandungi teks 'di' kepada #bbffaa

Tukar warna latar belakang elemen div kosong yang tidak mengandungi unsur anak (atau elemen teks) kepada # bbffaa

Tukar warna latar belakang elemen div yang mengandungi elemen mini kelas kepada #bbffaa

Tukar warna latar belakang elemen div yang mengandungi elemen anak (atau elemen teks) kepada #bbffaa

Pemilih penapis keterlihatan

Pemilih penapis keterlihatan memilih elemen yang sepadan berdasarkan status boleh dilihat dan tidak kelihatan

Pemilih boleh dilihat: tersembunyi bukan sahaja termasuk elemen yang paparan atribut gayanya tiada, tetapi juga termasuk elemen seperti medan teks tersembunyi () dan visible:hidden

Contoh pemilih penapis keterlihatan

Tukar warna latar belakang semua elemen div yang boleh dilihat kepada #bbffaa

Pilih semua elemen yang tidak kelihatan, gunakan kaedah show() dalam jQuery untuk memaparkannya dan tetapkan warna latar belakangnya kepada # bbffaa

Pilih semua medan teks tersembunyi dan cetak nilainya

Pemilih penapis atribut

Peraturan penapisan pemilih penapis atribut adalah untuk mendapatkan elemen yang sepadan melalui atribut elemen

Contoh pemilih penapis atribut

Pilih elemen berikut dan tukar warna latar belakangnya kepada #bbffaa

Elemen div yang mengandungi tajuk atribut.

Elemen div yang nilai tajuk atributnya sama dengan "ujian".

Bahagikan elemen yang nilai tajuk atributnya tidak sama dengan "ujian" (yang tanpa tajuk atribut juga akan dipilih).

Elemen div yang nilai tajuk atributnya bermula dengan "te".

Elemen div yang nilai tajuk atributnya berakhir dengan "est".

Elemen div yang nilai tajuk atributnya mengandungi "es".

Pilih elemen div dengan id atribut, dan kemudian pilih elemen div dengan nilai tajuk atribut yang mengandungi "es" dalam hasil carian.

Pemilih penapis elemen kanak-kanak

nth-child() pemilih dijelaskan secara terperinci seperti berikut:

(1) :nth-child(even/ganjil): Boleh memilih elemen yang nilai indeksnya di bawah setiap elemen induk ialah nombor genap (ganjil)

(2):nth-child(2): Boleh memilih elemen dengan nilai indeks 2 di bawah setiap elemen induk

(3):nth-child(3n): Boleh memilih elemen yang nilai indeksnya di bawah setiap elemen induk ialah gandaan 3

(3):nth-child(3n 1): Boleh memilih elemen yang nilai indeksnya ialah 3n 1 di bawah setiap elemen induk

Contoh pemilih penapis elemen kanak-kanak

Pilih elemen berikut dan tukar warna latar belakangnya kepada #bbffaa

Elemen anak kedua di bawah elemen induk setiap div dengan kelas satu.

Elemen anak pertama di bawah elemen induk setiap div dengan kelas satu

Elemen anak terakhir di bawah elemen induk setiap div dengan kelas satu

Jika terdapat hanya satu elemen anak di bawah elemen induk div dengan kelas satu, kemudian pilih elemen anak ini

Pemilih penapis atribut objek bentuk

Pemilih ini menapis terutamanya elemen borang yang dipilih

Contoh pemilih penapis atribut objek bentuk

Gunakan kaedah val() objek jQuery untuk menukar nilai elemen yang tersedia dalam bentuk Gunakan kaedah val() objek jQuery untuk menukar nilai elemen dalam bentuk

Gunakan sifat panjang objek jQuery untuk mendapatkan bilangan kotak berbilang pilihan yang dipilih

Gunakan kaedah text() objek jQuery untuk mendapatkan kandungan yang dipilih dalam kotak lungsur

 Pemilih Borang

Di atas adalah mengenai pemilih penapis jQuery Ia sangat terperinci. Saya harap ia akan membantu rakan saya.