Contoh analisis penggunaan kaedah penapis dalam jquery_jquery

Contoh dalam artikel ini menerangkan penggunaan kaedah penapis dalam jquery. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Kaedah

filter() mengurangkan set elemen padanan kepada elemen yang sepadan dengan pemilih yang ditentukan.
Parameter dalam kaedah penapis boleh menjadi nilai rentetan yang mengandungi ungkapan pemilih untuk memadankan set elemen semasa.

1. Jenis parameter penapis boleh dibahagikan kepada dua jenis

1. Lulus pemilih
$('a').penapis('.luaran')

2. Lulus fungsi penapis

Salin kod Kod adalah seperti berikut:

$('a').filter(function(index) {
          pulangkan $(this).hasClass('luaran');
})

2. Perbezaan antara cari dan penapis dalam Jquery

1. find() akan mencari elemen dengan nama kelas dalam elemen div.
2. filter() menapis elemen yang kelas divnya ialah nama kelas.
3. Pada asasnya, cari sub-elemen ditemui, dan penapis ialah carian tahap

4. Fungsi find menanyakan elemen anak koleksi objek semasa; 5. Fungsi penapis adalah untuk menapis koleksi objek semasa dan menggunakan keadaan penapis untuk mengecilkan skop;
6. Parameter fungsi cari ialah ungkapan pemilih jQuery;

7. Parameter penapis juga merupakan ungkapan pemilih, tetapi ia boleh mempunyai berbilang syarat, dipisahkan dengan koma (logik ATAU hubungan

). 8. Parameter penapis juga boleh menjadi fungsi Apabila memanggil fungsi, parameter indeks akan dihantar secara automatik. Fungsi perlu mengembalikan benar atau salah untuk memilih atau mengecualikan elemen.

Contohnya:

Salin kod Kod adalah seperti berikut:

Dokumen
$(function(){
$('#btn1').klik(fungsi(){
alert($('div').find('.test').html()); });
$('#btn2').klik(fungsi(){
alert($('div').filter('.test').html()); });
$('#btn3').klik(fungsi(){
alert($('div').filter('.last').html()); });
$('#btn4').klik(fungsi(){
alert($('div').filter('.first,.last').html());
});
});

first contenttest content

lastkandungan ujian terakhir

lastlast tiada kandungan ujian