analisis penggunaan pemilih penapis kandungan jQuery_jquery

Contoh dalam artikel ini menerangkan penggunaan pemilih penapis kandungan jQuery. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Dalam dokumen HTML, kandungan elemen boleh berupa teks atau sub-elemen Jika pemilih tertentu atau pemilih penapisan kandungan digunakan bersama, anda boleh menapis lagi elemen dengan

yang diberikan daripada elemen yang ditanya.

Teks atau elemen anak

1. :mengandungi() pemilih

digunakan untuk memilih semua elemen yang mengandungi teks yang diberikan, format:

Salin kod Kod adalah seperti berikut:

$( "selector1:contains(text)")

Contohnya:

Salin kod Kod adalah seperti berikut:

$("p:contains('text ')") .css("latar belakang", "#FCF");

2. :mempunyai() pemilih

" selector1:has(selector2)")

selector1 dan selector2 kedua-duanya adalah sebarang elemen yang sah

Contohnya:Salin kod

Kod adalah seperti berikut:

$("li:has(p) ").css ("latar belakang", "merah");

3. :empty() pemilih Format:

Salin kod

Kod adalah seperti berikut:

$("selector:empty")

digunakan Pilih semua elemen yang tidak mengandungi elemen atau teks kanak-kanak Semua elemen kosong dalam pemilih yang tidak mengandungi elemen atau teks kanak-kanak akan disertakan dalam hasil pertanyaan

. Contohnya: Salin kod

Kod adalah seperti berikut:

$("td:empty"). css("latar belakang ", "#FCF");

4. :pemilih ibu bapa Format:

Salin kod

Kod adalah seperti berikut:

$("selector:parent")

digunakan Memilih elemen yang mengandungi elemen anak atau teks, yang bertentangan dengan pemilih kosong

Contohnya: Salin kod

Kod adalah seperti berikut:

$("td:parent"). css("latar belakang ", "#FCF");

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.