Rumah >hujung hadapan web >tutorial js >Contoh penggunaan kaedah andSelf() dalam jQuery_jquery

Contoh penggunaan kaedah andSelf() dalam jQuery_jquery

WBOYasal: 2016-05-16 16:21:30979semak imbas

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

Kaedah ini boleh menambah elemen yang dipilih sebelum ini pada koleksi elemen semasa.

Struktur tatabahasa:

Salin kod Kod adalah seperti berikut:

.andSelf()

Mungkin sukar untuk memahami kaedah ini, jadi mari analisa contoh berikut secara terperinci Untuk memudahkan paparan kod, hanya kandungan teras dalam kod telah dipintas.

Salin kod Kod adalah seperti berikut:

$(".second").nextAll().css("color","hijau"); 

html kawasan
DIV CSS Zon
Javascript Zone
Zon Jquery

Selepas kod di atas dijalankan, warna teks dalam li ketiga dan keempat ditetapkan kepada hijau. Lihat kod berikut sekali lagi:

Salin kod

Kod adalah seperti berikut: $(".second").nextAll().andSelf().css("color","green");

html kawasan

DIV CSS Zone

Javascript Zone

Zon Jquery

Selepas kod di atas dijalankan, warna teks dalam li kedua, ketiga dan keempat ditetapkan kepada hijau. 

Perbezaan dalam hasil larian kedua-dua kod adalah disebabkan oleh kaedah andSelf().

Analisis proses pelaksanaan kod: pertama, gunakan pemilih kelas untuk memilih elemen li kedua, dan kemudian gunakan kaedah nextAll() untuk menukar elemen ketiga dan keempat kepada pemilihan semasa. Jika anda mula memanggil kaedah css() di sini, ia akan menjadi hasil daripada sekeping kod pertama. Jika kaedah andSelf() dipanggil, elemen yang dipilih sebelum ini akan ditambahkan pada koleksi elemen semasa, dan kemudian kaedah css() dipanggil, dan warna fon dalam tiga elemen li akan bertukar menjadi hijau.

Kod contoh:

Salin kod

Kod adalah seperti berikut:

Laman Utama Skrip