Apakah kegunaan setiap satu dalam jquery-Soal Jawab bahagian hadapan-php.cn

Apakah kegunaan setiap satu dalam jquery

WBOY

Lepaskan： 2022-04-02 18:09:52

asal

2393 orang telah melayarinya

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))

Salin selepas log masuk

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>

Salin selepas log masuk

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 )

Salin selepas log masuk

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>

Salin selepas log masuk

Hasil keluaran:

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!