Rumah > hujung hadapan web > tutorial js > jQuery: eq() penggunaan pemilih example_jquery

jQuery: eq() penggunaan pemilih example_jquery

WBOY
Lepaskan: 2016-05-16 16:23:34
asal
1028 orang telah melayarinya

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

Pemilih ini sepadan dengan elemen dengan nilai indeks yang diberikan.
Indeks kedudukan elemen
bermula dari 0.

Struktur tatabahasa:

Salin kod Kod adalah seperti berikut:
$(":eq(index)")

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

Salin kod Kod adalah seperti berikut:
$("li:eq(1)").css(" warna", "hijau")

Kod di atas menetapkan warna fon dalam li dengan indeks 1 (iaitu, li kedua) dalam koleksi elemen li kepada hijau.

Jika tidak digunakan dengan pemilih lain, keadaan lalai akan digunakan dengan pemilih *, contohnya, $(":eq()") bersamaan dengan $("*:eq()").

Senarai parameter:

参数 描述
index 给定的索引值。

Kod contoh:

Contoh 1:

Salin kod Kod adalah seperti berikut:






:eq selector-Script Home




  • html kawasan

  • div kawasan css

  • jQuery Zone

  • Javascript Zone





Kod di atas boleh menetapkan warna fon dalam elemen li dengan nilai indeks 1 dalam koleksi elemen li kepada hijau Oleh kerana nilai indeks bermula dari 0, kod di atas menetapkan warna fon dalam li kedua ialah hijau .

Contoh 2:

Salin kod Kod adalah seperti berikut:






:eq selector-Script Home




  • html kawasan

  • div kawasan css

  • jQuery Zone

  • Javascript Zone



Script House mengalu-alukan anda


Matahari sudah keluar





Memandangkan kod di atas tidak menyatakan pemilih untuk digunakan dengan pemilih :eq(), ia digunakan dengan pemilih * secara lalai, yang boleh memadankan semua elemen, supaya elemen dengan nilai indeks 10 akan digunakan. Warna fon ditetapkan kepada hijau.

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

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