Rumah >hujung hadapan web >tutorial js >Penjelasan terperinci tentang perbezaan antara $.each dan $(selector).each() dalam JQuery_jquery

Penjelasan terperinci tentang perbezaan antara $.each dan $(selector).each() dalam JQuery_jquery

WBOY
WBOYasal
2016-05-16 16:09:501121semak imbas

Fungsi traversal umum yang boleh digunakan untuk melintasi objek dan tatasusunan Tatasusunan dan objek tatasusunan pseudo yang mengandungi atribut panjang (objek tatasusunan pseudo seperti objek argumen bagi sesuatu fungsi) dilalui dengan indeks berangka, dari 0. hingga panjang-1, Objek lain dilalui melalui sifatnya.

$.each() berbeza daripada $(selector).each() digunakan khas untuk melintasi objek jquery yang pertama boleh digunakan untuk melintasi mana-mana koleksi (sama ada tatasusunan atau objek). Jika ia adalah tatasusunan, fungsi panggil balik akan Lulus dalam indeks tatasusunan dan nilai yang sepadan (nilai juga boleh diperolehi melalui kata kunci ini, tetapi JavaScript akan sentiasa membungkus nilai ini sebagai objek - sama ada ia rentetan atau nombor), dan kaedah akan mengembalikan objek yang dilalui.

Contoh:————Pas in array

Salin kod Kod adalah seperti berikut:









$.each([52, 97], function(index, value) {
makluman(nilai indeks ‘: ‘);
});





//Output

0:52
1:97

Contoh:————Jika peta digunakan sebagai koleksi, fungsi panggil balik berlalu dalam pasangan nilai kunci setiap kali

Salin kod Kod adalah seperti berikut:









peta var = {
'mudah terbakar': 'mudah terbakar',
‘duh’: ‘tak duh’
};
$.each(peta, fungsi(kunci, nilai) {
makluman(nilai ‘: ‘);
});





//Output

mudah terbakar: mudah terbakar
duh: tak duh

Contoh:——Anda boleh keluar dari $.each() apabila mengembalikan false dalam fungsi panggil balik Jika bukan palsu dikembalikan, ia akan menjadi seperti menggunakan continue dalam gelung for, dan ia akan serta-merta masuk pelayaran seterusnya

Salin kod Kod adalah seperti berikut:





div { color:blue; }
div#five { color:red;










var arr = [ "satu", "dua", "tiga", "empat", "lima" ];//array
var obj = { one:1, two:2, three:3, four:4, five:5 }; jQuery.each(arr, function() { // nilai yang dinyatakan ini
$(“#” this).text(“Milik saya ialah ” this “.”); // ini menunjukkan nilai tatasusunan, seperti satu, dua
         kembali (ini != “tiga”); // Jika ini = tiga, keluar dari lintasan
});
jQuery.each(obj, function(i, val) { // i menunjuk ke kunci, val menentukan nilai
​​​ $(“#” i).append(document.createTextNode(” – ” val));
});



// Output

Saya adalah satu. - 1
Saya dua. - 2
Saya adalah tiga - 4
- 5



Contoh:——Lintas item tatasusunan, hantarkan indeks dan nilai


Salin kod Kod adalah seperti berikut:








$.each( ['a','b','c'], function(i, l){
makluman( “Indeks #” i “: ” l );
});
 



例子:———遍历对象的属性, nilai kunci和传入

复制代码 代码如下:








 
$.each( { nama: “John”, lang: “JS” }, fungsi(k, v){
makluman( “Kunci: ” k “, Nilai: ” v );
});
 



正自评论的例子


复制代码 代码如下:

1. 如果不想输出第一项 (使用 lari semula benar)进入 下一遍历
 







 
var myArray=["skipThis", "dothis", "andThis"];
$.each(myArray, function(index, value) {
jika (indeks == 0) {
kembali benar; // bersamaan dengan 'terus' dengan gelung normal untuk
}
// kalau lain buatlah...
makluman (indeks “: “ nilai);
});
 



Kenyataan:
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