Bolehkah jquery mengikat acara kepada berbilang elemen pada masa yang sama?-Soal Jawab bahagian hadapan-php.cn

Bolehkah jquery mengikat acara kepada berbilang elemen pada masa yang sama?

WBOY

Lepaskan： 2022-04-26 17:31:26

asal

2734 orang telah melayarinya

jquery boleh mengikat acara kepada berbilang elemen bersama-sama. Kaedah pengikatan: Apabila menggunakan pemilih untuk memilih elemen, pisahkan pemilih elemen dengan koma Bahasa Inggeris dan anda boleh mengikat peristiwa kepada berbilang elemen bersama-sama dan menyokong penggunaan bercampur berbilang pemilih Sintaksnya ialah "$(elemen 1, Elemen 2,. Elemen 3...).Event (fungsi pengendali acara)".

Bolehkah jquery mengikat acara kepada berbilang elemen pada masa yang sama?

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

Bolehkah jquery mengikat peristiwa kepada berbilang elemen pada masa yang sama

Semasa proses pembangunan, saya telah menghadapi pengikatan acara yang sama pada setiap baris atau lajur dalam jadual Lintas elemen lajur dan gunakan foreach untuk mengikat acara pada setiap sel. Apa yang akan kita bincangkan hari ini ialah kaedah mengikat untuk mencetuskan peristiwa klik yang sama secara interaktif pada elemen yang berbeza.

Kaedah khusus adalah seperti berikut:

$("#id1, .class1, #id2, .class2").unbind("click").click(function(){
    console.log("test");
})

Salin selepas log masuk

Apabila menggunakan pemilih untuk memilih elemen, gunakan koma Inggeris untuk memisahkannya. Ia juga menyokong penggunaan bercampur pemilih untuk mengikat acara yang sama kepada yang berbeza elemen.

Contoh adalah seperti berikut:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".bt1,#bt1").click(function(){
    $("p").slideToggle();
  });
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button class="bt1">切换</button>
<button id="bt1">切换</button>
</body>
</html>

Salin selepas log masuk

Hasil keluaran:

Bolehkah jquery mengikat acara kepada berbilang elemen pada masa yang sama?

Tutorial video berkaitan yang disyorkan: jQuery tutorial video

Atas ialah kandungan terperinci Bolehkah jquery mengikat acara kepada berbilang elemen pada masa yang sama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!