Dalam jQuery: penggunaan pemilih anak sahaja example_jquery

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

Pemilih ini akan memadankan satu-satunya elemen anak unsur induk. Jika elemen induknya mengandungi elemen lain, ia tidak akan dipadankan.

Struktur tatabahasa:

Salin kod Kod adalah seperti berikut:

$(":only-child")

Pemilih ini biasanya digunakan bersama dengan pemilih lain, seperti pemilih kelas, pemilih elemen, dsb. . Contohnya:

Salin kod Kod adalah seperti berikut:

$("li:only-child").css("color "," biru")

Kod di atas boleh menetapkan warna fon dalam elemen li di bawah elemen ul dengan hanya satu elemen li kepada biru.

Nota: Perlu untuk menerangkan konsep dalam kombinasi dengan kod di atas. Unsur induk yang disebut di sini bukanlah li, tetapi unsur induk li. Ramai orang sering tersalah anggap bahawa ia sepadan dengan elemen terakhir di kalangan elemen anak unsur li.

Contoh kod:

Salin kod Kod adalah seperti berikut: