Penggunaan: 1. Digunakan untuk meneruskan elemen ke dalam koleksi melalui fungsi dan menghasilkan objek jQuery baru. Sintaksnya adalah ".map(callback(index,domElement))"; 2. Digunakan untuk memproses elemen dalam array dan merangkum hasilnya sebagai A array baru dikembalikan, sintaksnya adalah "$.map(array atau objek, fungsi tertentu)".
Cara cepat memulai VUE3.0: Masuk ke
lingkungan operasi tutorial ini: Sistem Windows 10, versi jquery3.2.1, komputer Dell G3.
1. map() meneruskan setiap elemen ke koleksi pencocokan saat ini melalui fungsi dan menghasilkan objek jQuery baru yang berisi nilai kembalian.
Syntax.map
(callback(index,domElement))
callback(index,domElement) Sebuah objek fungsi yang dipanggil untuk setiap elemen dalam koleksi saat ini.
Karena nilai yang dikembalikan adalah array yang dienkapsulasi jQuery, gunakan get() untuk memproses objek yang dikembalikan untuk mendapatkan array yang mendasarinya.
Contohnya seperti berikut:
<!DOCTYPE html>
<html>
<kepala>
<gaya>p { warna:merah;</gaya>
<skrip type="text/javascript" src="/jquery/jquery.js"></skrip>
</kepala>
<tubuh>
<p><b>Nilai: </b></p>
<bentuk>
<input type="teks" nama="nama" nilai="John"/>
<masukan tipe="teks" nama="kata sandi" nilai="kata sandi"/>
<masukan tipe = "teks" nama = "url" nilai = "http://php.cn/"/>
</bentuk>
<skrip>
$("p").append( $("input").peta(fungsi(){
kembalikan $(ini).val();
}).mendapatkan().bergabung(", ") );
</skrip>
</tubuh>
</html> Hasil keluaran:
2. Fungsi $.map() digunakan untuk memproses setiap elemen dalam array (atau setiap atribut objek) menggunakan fungsi yang ditentukan, dan merangkum hasil pemrosesan sebagai array baru dan mengembalikannya.
Sebelum jQuery 1.6, fungsi ini hanya mendukung traversing array; mulai dari 1.6, fungsi ini juga mendukung traversing objek.
map() juga akan meneruskan dua parameter ke fungsi: satu adalah nilai elemen atau atribut dari iterasi saat ini, dan yang lainnya adalah indeks array atau nama atribut objek dari item iterasi saat ini.
Nilai kembalian dari fungsi ini akan digunakan sebagai elemen dalam larik hasil. Jika nilai kembalian adalah nol atau tidak terdefinisi, maka nilai tersebut tidak akan ditambahkan ke larik hasil.
$.map( object, callback )
object Tipe array/objek menentukan array atau objek yang perlu diproses.
Fungsi pemrosesan yang ditentukan oleh tipe Fungsi panggilan balik.
Contohnya seperti berikut:
<!DOCTYPE html>
<html>
<kepala>
<meta charset="utf-8">
<judul>123</judul>
<gaya>
div { warna: biru }
p { warna:hijau; margin:0 }
rentang { warna: merah }
</gaya>
<skrip src="js/jquery.min.js"></skrip>
</kepala>
<tubuh>
<div></div>
<p></p>
<span></span>
<skrip>
$(fungsi () {
var arr = [ "a", "b", "c", "d", "e" ];
$("div").text(arr.join(", "));
arr = $.peta(arr, fungsi(n, i){
kembali (n.toUpperCase() + i);
});
$("p").text(arr.join(", "));
arr = $.peta(arr, fungsi (a) {
kembalikan a + a;
});
$("span").text(arr.join(", "));
})
</skrip>
</tubuh>
</html> Hasil keluaran:
Video tutorial terkait yang direkomendasikan: Tutorial video jQuery
Di atas adalah detail konten tentang bagaimana peta digunakan di jquery. Untuk informasi lebih lanjut, harap perhatikan artikel terkait lainnya di situs web PHP Cina!
