Rumah > hujung hadapan web > tutorial js > jQuery sub-atribut penapis penggunaan analisis_jquery

jQuery sub-atribut penapis penggunaan analisis_jquery

WBOY
Lepaskan: 2016-05-16 16:14:46
asal
1101 orang telah melayarinya

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:
 
 
 
 
子元素过滤选择器 
 
 
 
 
子元素过滤器应用实例
 
 
     
       
       
       
       
       
     
     
       
       
       
       
       
     
     
       
       
       
       
       
     
     
       
       
       
       
       
     
     
       
       
       
       
       
     
 
 

效果图如下所示:

希望本文所述对大家的 jQuery程序设计有所帮助。

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan