Rumah > hujung hadapan web > tutorial js > Ringkasan jquery uncommon methods_jquery

Ringkasan jquery uncommon methods_jquery

WBOY
Lepaskan: 2016-05-16 15:49:09
asal
1118 orang telah melayarinya

1.jquery mempunyai pencarian API penapisan.

Sintaksnya sangat mudah, seperti:

Kod HTML:

<p><span>Hello</span>, how are you&#63;</p>
Salin selepas log masuk

Kod jQuery:

$("p").find("span")

Salin selepas log masuk

Keputusan:

[ <span>Hello</span> ]

Salin selepas log masuk

Tetapi saya keliru pada mulanya. Ini tidak betul-betul sama dengan API $('p span') Mengapa saya perlu menggunakan carian ini?
Saya tahu saya menghadapi senario aplikasi hari ini.

Adegan adalah seperti ini. Terdapat div.skill Apabila tetikus melepasinya, saya perlu menambah kelas baharu pada sub-pemilih div.'skill-text',
Sesetengah pelajar mungkin bertanya mengapa anda tidak menggunakan perwakilan acara:

$('.skill').on('mouseover',‘.skill-text',function(e){
     $(this).addClass('skill-active');
});

Salin selepas log masuk

Oleh kerana saya mempunyai kod pemprosesan untuk '.skill' nanti, dan terdapat banyak .skill yang serupa, saya tidak boleh beroperasi terus melalui $('.skill'), saya mesti menggunakan ini atau e.target;

$('.skill').on('mouseover',function(e){

     $(this).find('.skill-text').addClass('skill-active');

   //.......其余代码

});

Salin selepas log masuk

Sangat berguna dalam keadaan ini. Kerana anda tidak dapat mencari objek secara langsung menggunakan pemilih css.

Selain daripada itu, saya benar-benar tidak memikirkan kaedah lain yang bagus. Bagaimana saya boleh menulisnya jika js asli tidak ditemui? . . . 【Meragukan】

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.

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