jQuery sub-atribut penapis penggunaan analisis

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

1 :pemilih anak pertama

digunakan untuk memilih semua elemen elemen anak pertama induknya, format:

Salin kod Kod adalah seperti berikut:

$("pemilih:anak pertama")

Contohnya:

Salin kod Kod adalah seperti berikut:

$("ul:first-child" ).css( "teks-hiasan", "garis bawah").css("warna", "biru");

2. :pemilih anak terakhir

digunakan untuk memilih semua elemen elemen anak terakhir induknya, format:

Salin kod Kodnya adalah seperti berikut:

$("pemilih:anak terakhir")

Contohnya:

Salin kod Kod adalah seperti berikut:

$("ul:last-child" ).css( "teks-hiasan", "garis bawah").css("warna", "merah");

3. :pemilih anak ke-1

Digunakan untuk memilih elemen anak Nth atau elemen ganjil-genap di bawah elemen induk.

Format sintaks:

Salin kod Kod adalah seperti berikut:

$("selector:nth-child( indeks/genap /ganjil/persamaan)");

Contohnya:

Salin kod Kod adalah seperti berikut:

$("ul li:nth-child (4)" ).css("color", "red");//Tetapkan warna teks elemen kelima di bawah elemen ul kepada merah, iaitu nilai indeks elemen li ialah 4

4. :pemilih anak sahaja

Pemilih unik yang digunakan untuk memilih elemen

Format:

Salin kod Kod adalah seperti berikut:

$("selector:only-chilid")

Contoh mudah:

Salin kod Kod adalah seperti berikut:

子元素过滤选择器

Tutorial Popular

Lagi>

Tutorial berkaitan

Cadangan popular