Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Apakah kegunaan setiap satu dalam jquery

Apakah kegunaan setiap satu dalam jquery

WBOY
WBOYasal
2022-04-02 18:09:522421semak imbas

Penggunaan: 1. Digunakan untuk menentukan fungsi yang akan dijalankan bagi setiap elemen padanan Sintaks ialah "$(selector).each(function(index,element))"; objek dan Tatasusunan, sintaksnya ialah "$.each (objek atau tatasusunan yang akan dilalui, fungsi yang digunakan untuk pelaksanaan gelung)".

Apakah kegunaan setiap satu dalam jquery

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

Apakah kegunaan setiap satu dalam jquery?

1. Kaedah each() menentukan fungsi yang akan dijalankan untuk setiap elemen padanan.

Petua: Mengembalikan palsu boleh digunakan untuk menghentikan gelung lebih awal.

$(selector).each(function(index,element))

fungsi(indeks,elemen) diperlukan. Menentukan fungsi untuk dijalankan bagi setiap elemen padanan.

Contoh adalah seperti berikut:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("li").each(function(){
      alert($(this).text())
    });
  });
});
</script>
</head>
<body>
<button>输出每个列表项的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
</html>

Hasil keluaran:

Apakah kegunaan setiap satu dalam jquery

Selepas mengklik butang:

Apakah kegunaan setiap satu dalam jquery

2. Fungsi jQuery.each() digunakan untuk melintasi objek dan tatasusunan yang ditentukan.

Sintaks

$.each( object, callback )

objek Jenis objek menentukan objek atau tatasusunan yang perlu dilalui.

Panggil balik Jenis fungsi menentukan fungsi yang digunakan untuk pelaksanaan gelung.

Contoh adalah seperti berikut:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js"></script>
</head>
<body>
<script>
$(function () { 
$.each([52, 97], function(index, value) {
  alert(index + &#39;: &#39; + value);
});
})
</script>
 
</body>
</html>

Hasil keluaran:

Apakah kegunaan setiap satu dalam jquery

Apakah kegunaan setiap satu dalam jquery

Video berkaitan yang disyorkan tutorial: tutorial video jQuery

Atas ialah kandungan terperinci Apakah kegunaan setiap satu dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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