Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Apakah kaedah untuk menetapkan acara klik dalam jquery

Apakah kaedah untuk menetapkan acara klik dalam jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2022-05-10 11:27:47
asal
3979 orang telah melayarinya

Kaedah untuk menetapkan peristiwa klik dalam jquery ialah klik(); kaedah ini digunakan untuk menetapkan peristiwa klik berlaku apabila elemen diklik apabila penunjuk tetikus berada di atas elemen dan butang kiri diklik , peristiwa klik akan dicetuskan atau Menentukan fungsi yang akan dijalankan apabila peristiwa klik berlaku.

Apakah kaedah untuk menetapkan acara klik dalam jquery

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

Apakah kaedah untuk menetapkan acara klik dalam jquery?

Kaedah acara klik dalam jquery ialah kaedah klik()

Apabila elemen diklik, peristiwa klik berlaku.

Satu klik berlaku apabila penuding tetikus berada di atas elemen, dan kemudian butang kiri tetikus ditekan dan dilepaskan. Kaedah

klik() mencetuskan peristiwa klik atau menentukan fungsi untuk dijalankan apabila peristiwa klik berlaku.

Peristiwa klik pencetus

$(selector).click()
Salin selepas log masuk

Fungsi ikat untuk acara klik

$(selector).click(function)
Salin selepas log masuk

fungsi Pilihan. Menentukan fungsi untuk dijalankan apabila peristiwa klik berlaku.

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(){
    $("p").slideToggle();
  });
  $("p").dblclick(function(){
    $("button").click();
  });
});
</script>
</head>
<body>
<button>点击这里进行切换</button>
<p>双击本段落会触发上面这个按钮的 click 事件。</p>
</body>
</html>
Salin selepas log masuk

Hasil keluaran:

 1.gif

Tutorial video berkaitan yang disyorkan: jQuery tutorial video

Atas ialah kandungan terperinci Apakah kaedah untuk menetapkan acara klik dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan